16. oktober 2010 - 18:52Der er
8 kommentarer og 1 løsning
HTML... Centrering af billedet...???
Hej...
Har prøvet "display:block; text-align:center" og det virkede fint, men jeg ville have tekst til at stå på samme linje som billedet evt. flere linjer(på venstre side). Det lykkes også og få teksten placeret rigtig, men der opstod et andet problem.. nemlig det at billedet ikke ville centrerer.
Her er HTML'en :
<html> <head> <title>Tekst på sammen linje som billedet..!! </title> </head> <body> <table> <tr> <td> <div style="float:left;font-size:20;"> <br /> <br /> <br />
Jeg lavede den foelgende mini-hjemmeside med din kode, indsatte en doctype og en manglende </div> og indsatte et billed : http://christianjorgensen.be/niels.php . Paa min Internet Explorer vises billedet til hoejre for de to links, paa min FireFox vises billedet nedenunder de to links. Beskriv hvordan du vil have det til at se ud, saa kan jeg (og andre maaske) proeve.
Jeg tjekkede den mini hjemmeside som du har et link til i din kommentar... Og sådan det ser ud i min IE 8, dog med større fonts i linkene. Og det er ganske sådan jeg ville have det til at være, linksene på samme sted, dog bare med "Billedet" centret til midten af siden. Ja øverst skal der være ..: Sort bagrund og over skrift centret---> <h1>Velkommen til min hjemmeside</h1> i "italic og grøn/blå" Linksene "Personlig interesser Og Galleri + Andre" i venstre side af skærmen. Dog med det billed centret.
Håber du forstår, hvad der er hensigten, altså som min kode viser det , dog bare med det billed centret og det er samtidigt vigtigt at de 2 links bliver ved med at være på linje med billedet.
Nu har jeg prøvet at arbejde med det, følgende HTML :
---------------------------------------------------------------- <html> <head> <title>Tekst på sammen linje som billedet..Og billede centreret..!! </title> </head> <body>
<div> <img style="display:block;text-align:center" width="200px" height="200px" src="C:\users\starman\pictures\Unge dage\img016.jpg" alt ="Niels Erik Pedersen"; /> </div> </ul>
</body> </html>
---------------------------------------------------------------- Gør at teksten(linksene) godt nok er på venstre side og på samme linje som billedet. Men billedet kommer til at ligge på den højre halvdel af skærmen. Altså ikke helt centreret.
Så bliver billedet centreret, men så kommer Linjerne(linksene) godt nok til at ligge til venstre, men i en linje under billedet. Altså ikke på samme linje.
Håber der er en "Hardcore", som er point hungrende eller bare har lyst til at give lidt hjælp til en nybegynder.
Du kunne gøre det i en <table>? Kunne sikkert også laves i en div, men jeg er mere en table kinda guy o.O Tjekkede lige den mini site som der er en der har postet. Jeg ville gøre det sådan her:
Men problemet er at, jeg ikke er sikker på det skal gøres på nogen af måderne, for når browser vinduet "maksimeres" fungerer begge efter hensigten, men når Browser vinduet sættes til "lille" størrelse altså "gendan fra maksimer", så er billedet helt ude i højre side af browser vinduet og overskriften er godt nok centreret, men det skulle billedet jo også gerne være.
Der var aabenbart ingen der kunne komme med en loesning paa problemet. Forventer du flere indlaeg paa denne traad? Erfaringen viser at det er sjaeldent med spoergsmaal der er over en uge gammel og derfor 'dukket under horisonten' og hvor der ikke har vaeret friske indlaeg i adskillige dage. Jeg vil foreslaa at du lukker traaden (selv opretterr et svar og acceptere det) og saa, hvis det er relevant, opretter et nyt spoergsmaal hvor du presenterer problemet paa en frisk. Saa faar du ny opmaerksomhed, og saa staar dette spoergsmaal ikke laengere som aabent i min liste af indlaeg.
hej.. Ja.. det kan du jo nok have ret i...!!! så lukker vi det, sådan at det ikke står åbent hos dig da.
Synes godt om
Ny brugerNybegynder
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.