Avatar billede cmau Nybegynder
15. november 2005 - 12:36 Der er 26 kommentarer og
1 løsning

align="right" på en div eller span

HEjsa

Jeg ved at man med et billede kan få det til at stå til højre for teksten ved at smide align="right" ind i sin <img>, men hvordan kan man gøre dette i en span eller en div?

Alså den skal jo ikke smide den helt i til højre side, men til højre i den tabel, som den er i.
Avatar billede jokkejensen Novice
15. november 2005 - 12:43 #1
<td>tekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst tekst
<div style="float:right;">TEKST</div>
</td>
Avatar billede cmau Nybegynder
15. november 2005 - 12:45 #2
Nej, så kommer div¨'en til at være under den anden tekst, den skal gøre præcist som hvis man gør sådan her:

<table height="356">
<tr>
<td height="352" width="300"><img src="asd" align="right">tekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst tekst

</td>
</tr>
</table>
Avatar billede cmau Nybegynder
15. november 2005 - 12:46 #3
Hov mig fejl, fordi diven skal være før teksten..
Avatar billede cmau Nybegynder
15. november 2005 - 13:00 #4
Har bare lige et sidste problem, i Opera laver den et ekstra linje skift over en <div>, som den ikke gør i IE og FF, hvordan kan jeg fjerne dette?
Avatar billede olebole Juniormester
15. november 2005 - 13:08 #5
<ole>

<td>tekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst tekst
<div style="width:200px;float:right;">TEKST</div>
</td>

/mvh
</bole>
Avatar billede olebole Juniormester
15. november 2005 - 13:11 #6
- eller sådan, hvis du synes, det er sjovere:
<td>
<div style="width:200px;height:200px;float:right;background:yellow">TEKST</div>
tekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst teksttekst tekst tekst
</td>
Avatar billede cmau Nybegynder
15. november 2005 - 13:13 #7
Olebole det der har jeg fået til at virke ;)

Mit problem er bare linjeskiftet i Opera, som jeg er lidt træt af.
Avatar billede olebole Juniormester
15. november 2005 - 13:17 #8
Kan du få Opera til at lave et ekstra linjeskift (som andre browsere ikke laver), må du vise mig koden til det ... jeg evner det i hvert fald ikke  :)
Avatar billede cmau Nybegynder
15. november 2005 - 13:24 #9
Denn kode gør det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<table>
<tr><td width="599" bgcolor="#B09166" align="left" style="margin:5;padding:5;">

<p><div style="float:right;width:160;text-align:center;">
<a href="http://www.partner-ads.com/dk/klikbanner.php?partnerid=2848&bannerid=4372" target=_blank>
<img src="http://www.partner-ads.com/dk/visbanner.php?partnerid=2848&bannerid=4372" border=0></a>
</div><table class="funnymenu" width="420"><tr><td width="27" height="30"><img border="0" src="http://localhost/middagspausen/images/icon.movie2.gif" width="27" height="27" alt=""></td><td width="373" height="30"><span class="menutopic">&nbsp;<a href="http://localhost/middagspausen/php/film/asd/30">Deasdsadasdsdannis spiller så smart over</a></span></td></tr><tr><td width="27" height="30"><img border="0" src="http://localhost/middagspausen/images/icon.movie2.gif" width="27" height="27" alt=""></td><td width="373" height="30"><span class="menutopic">&nbsp;<a href="http://localhost/middagspausen/php/film/asd/29">Deasdsadasdsdannis spiller så smart over</a></span></td></tr><tr><td width="27" height="30"><img border="0" src="http://localhost/middagspausen/images/icon.movie2.gif" width="27" height="27" alt=""></td><td width="373" height="30"><span class="menutopic">&nbsp;<a href="http://localhost/middagspausen/php/film/asd/28">Ddg56456456gfedfnnis spiller så smart ov</a></span></td></tr><tr><td width="27" height="30"><img border="0" src="http://localhost/middagspausen/images/icon.movie2.gif" width="27" height="27" alt=""></td><td width="373" height="30"><span class="menutopic">&nbsp;<a href="http://localhost/middagspausen/php/film/asd/27">Deasdsadasdsdannis spiller så smart over</a></span></td></tr><tr><td width="27" height="30"><img border="0" src="http://localhost/middagspausen/images/icon.sun1.gif" width="27" height="27" alt=""></td><td width="373" height="30"><span class="menutopic">&nbsp;<a href="http://localhost/middagspausen/out/mp_ads_knowledge/2" target="_blank">http://google.dk er den bedste af de bedste?</a></span></td></tr></table></td></tr></table>
Avatar billede olebole Juniormester
15. november 2005 - 13:27 #10
Du kan ikke have et div-element i et p-element. Et p-element kan kun indeholde inline-elementer og tekst-noder
Avatar billede cmau Nybegynder
15. november 2005 - 13:28 #11
hmm prøvede lige at fjerne <p> og det gjorde det :S.. mærkeligt.
Avatar billede cmau Nybegynder
15. november 2005 - 13:30 #12
heh okay ;)..
Så ikke lige din besked.

jokkejensen var først med det rigtige svar, så hvis i begge smider et svar kan i dele, da olebole hjalp med den anden fejl.
Avatar billede olebole Juniormester
15. november 2005 - 13:31 #13
Hvad er mærkeligt ved, at invalid kode renderes tilfældigt og anderledes end valid kode?  :)

- og hvad laver en DTD lige før en tabel? DTD'en skal stå før <html>-tagget  :)

Desuden disabler du de vigtigste dele af CSS-standarden i IE med den DTD, du bruger (også selvom den er placeret korrekt). Prøv i stedet denne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede cmau Nybegynder
15. november 2005 - 13:43 #14
Min dtd er helt i toppen, smed den der ned bare for at du kunne se den.
Avatar billede olebole Juniormester
15. november 2005 - 13:48 #15
Oki ... men brug den, jeg viste, hvis du bruger CSS. Ellers bliver resultatet ikke ens i forskellige browsere
Avatar billede cmau Nybegynder
15. november 2005 - 13:55 #16
hmm som det er uden er det ens i IE, FF og Opera
Avatar billede olebole Juniormester
15. november 2005 - 13:57 #17
Så er du bare heldig ... og ...?
Det er vel ret uinteressant, hvordan den aktuelle side ser ud. Det handler vel om at lære at kode ordentligt - så dit næste projekt (eller en udvidelse på dette) ikke bliver vist komplet forskelligt  ;o)
Avatar billede cmau Nybegynder
15. november 2005 - 14:28 #18
Jeg er bare ved at lave en side, ikke fordi den skal være 100% perfekt, men fordi jeg gerne vil have en side op som kan blive populær.
Avatar billede olebole Juniormester
15. november 2005 - 22:00 #19
Jamen, popularitet er jo den bedste begrundelse for at skrive god kode. Hvornår er det nu lige, vi sidst har set en kok blive rost for skidt dåsemad?  ;o)
Avatar billede jokkejensen Novice
16. november 2005 - 12:08 #20
hehe den var sku ringe :)
Avatar billede olebole Juniormester
16. november 2005 - 13:14 #21
- netop ... og derfor er der ingen, der roser ham  ;D
Avatar billede cmau Nybegynder
16. november 2005 - 14:31 #22
Det jeg siger er, at jeg ikke har tid og lyst til at få alt 100% perfekt, det kan komme med tiden eller i næste projekt.
Avatar billede cmau Nybegynder
16. november 2005 - 19:28 #23
jokkejensen > Smider du et svar?
Avatar billede cmau Nybegynder
22. november 2005 - 15:59 #24
?
Avatar billede cmau Nybegynder
14. december 2005 - 16:47 #25
Kunne du tænmke dig dine points?
Avatar billede jokkejensen Novice
14. december 2005 - 20:37 #26
sorry :)
Avatar billede jokkejensen Novice
14. december 2005 - 20:39 #27
men ole, jeg mener nu stadig ikke god html har noget med en hjemmesides success at gøre..

Men jo man ser ofte de store success fulde sider er skrevet godt...
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