Avatar billede carstengp Nybegynder
17. august 2003 - 15:07 Der er 24 kommentarer og
1 løsning

billed og banner side om side

På min side: http://www.grineflip.dk er der øverst mig logo (Ja, jeg ved godt det er grimt) og et banner. De ligger fint side om side.

Jeg har nu lavet banner rotation i javascript, men uanset, hvad jeg gør, så vil den lægge bannerne nede under mit logo og ikke ved siden af. (Den laver et linieskift)

Er der en kommando, der tvinger den til at blive på samme linie som logoet? eller noget andet.
Avatar billede roenving Novice
17. august 2003 - 15:09 #1
style="float:left"

både på logoet og banneret !-)
Avatar billede carstengp Nybegynder
17. august 2003 - 15:11 #2
Det ser sådan ud:
-------
<a href="http://www.grineflip.dk" target="_parent" title="Startside"><img border="0" height="70" width="500" src="../pics/grineflip3.gif"></a><script type="text/javascript">ShowBanner();</script>
-------

Kan du evt. sætte det ind for mig, hvor det skal være?
Avatar billede carstengp Nybegynder
17. august 2003 - 15:14 #3
hele koden kan ses på: http://www.grineflip.dk/html/velkommen_test.html (+ vis kilde)
Avatar billede roenving Novice
17. august 2003 - 15:15 #4
Du skal helst også sætte det ind på det img-tag du laver i dit java script:

<a href="http://www.grineflip.dk" target="_parent" title="Startside"><img border="0" height="70" width="500" src="../pics/grineflip3.gif" style="float:left"></a>
<img border="0" height="70" width="200" src="../pics/grineflip3.gif" style="float:left">

-- her har jeg så sat endnu et img-tag ind, så du kan se det ...
Avatar billede sebastianrosen Nybegynder
17. august 2003 - 15:16 #5
hey grineflip :)
tak for billedet forresten... og jeg arbejder hårdt på at få min side færdig.. du kan allerede se jeg har lavet lidt i babes sektsionen :D !!
Avatar billede roenving Novice
17. august 2003 - 15:18 #6
Hov du sætter jo en div ind, så skal du:

function ShowBanner() {

num = Math.random();
num = 1 + ( num * ((bannerpics.length - 1)-1));
num = Math.round(num);

document.write("<div style="float:left"><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
document.write("</a></div>");
}
// Slut -->
</script>

-- eller også skal du fjerne div'en helt eller bruge en span eller sætte display:inline på div'en !-)
Avatar billede carstengp Nybegynder
17. august 2003 - 15:20 #7
roenving, jeg har nu sat det på img-tag'et, men script-koden laver stadig et tvunget linieskift... kan man sætte det ind i script-koden?
Avatar billede carstengp Nybegynder
17. august 2003 - 15:21 #8
okay, prøver lige
Avatar billede carstengp Nybegynder
17. august 2003 - 15:24 #9
Nu melder den script-fejl og banneret er væk...
Avatar billede roenving Novice
17. august 2003 - 15:26 #10
Uff ...

document.write("<div style='float:left'> ...
Avatar billede carstengp Nybegynder
17. august 2003 - 15:27 #11
Nu har jeg kavet " om til ' i koden, så er banneret tilbage men stadig med linieskift

---------

function ShowBanner() {

num = Math.random();
num = 1 + ( num * ((bannerpics.length - 1)-1));
num = Math.round(num);

document.write("<div style='float:left'><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
document.write("</a></div>");
}
// Slut -->
</script>
Avatar billede roenving Novice
17. august 2003 - 15:30 #12
Så prøv:

document.write("<div style='float:left;display:inline;'><a href='" + bannerurls[num] + "'>");
Avatar billede roenving Novice
17. august 2003 - 15:31 #13
Jeg måtte rundt om dette:

<span><a href="http://www.grineflip.dk" target="_parent" title="Startside"><img border="0" height="70" width="200" src="../pics/grineflip3.gif"></a></span>

-- så lav den div om til en span !-)
Avatar billede roenving Novice
17. august 2003 - 15:32 #14
function ShowBanner() {

num = Math.random();
num = 1 + ( num * ((bannerpics.length - 1)-1));
num = Math.round(num);

document.write("<span><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
document.write("</a></span>");
}
Avatar billede carstengp Nybegynder
17. august 2003 - 15:33 #15
er gjort... samme resultat :-(
Avatar billede carstengp Nybegynder
17. august 2003 - 15:33 #16
kigger lige
Avatar billede carstengp Nybegynder
17. august 2003 - 15:34 #17
ja, nu begynder det at ligne noget... nu skal jeg bare have det rykket op :-)
Avatar billede carstengp Nybegynder
17. august 2003 - 15:36 #18
jeg skal bare have denne kommando: align="top"
ind på img-tag'et nu: document.write("<img src='" + bannerpics[num] + "' border='0' ");
how?
Avatar billede carstengp Nybegynder
17. august 2003 - 15:38 #19
document.write("<img src='" + bannerpics[num] + "' border='0' + align='top' ");

he he - kunne selv *S*
Avatar billede carstengp Nybegynder
17. august 2003 - 15:39 #20
smid lige et svar... runder op til 60p. det blev jo lidt sværre end beregnet ;-)
Avatar billede carstengp Nybegynder
17. august 2003 - 15:40 #21
mener selvfølgelig op til 100p (fra 60)
Avatar billede roenving Novice
17. august 2003 - 15:42 #22
Velbekomme '-)

-- en anelse lettere:

document.write("alt='Click here to find out more!' align='top'>");
Avatar billede roenving Novice
17. august 2003 - 15:42 #23
;O)
Avatar billede carstengp Nybegynder
17. august 2003 - 15:44 #24
bare det virker, så kan det være nok så grimt... ;-)
Tak for hjælpen!
Avatar billede roenving Novice
17. august 2003 - 15:46 #25
-- og jeg siger tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester