|
|
 | Margener sætter sig forkert
Fra : Jakob Wadsager |
Dato : 24-06-06 10:47 |
|
Jeg er ved at lave en hjemmeside hvor jeg vil lave margener i
siderne, men margenerne som skulle høre til <body>, altså omkring
hele siden, sætter sig omkring billedet og teksten. Er der nogen
der har et forslag til hvordan jeg kan rette dette?
Jeg har uploadet filerne til mit andet websted:
HTML- indexet: www.wadsager.hotserv.dk
Stylesheet: www.wadsager.hotserv.dk/style.css
Af en eller anden grund ser webstedet forskelligt ud i IE og FF,
i FF kan man godt se billedet, men det kan man ikke i IE.
På forhånd tak!
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
 Jørgen Farum Jensen (24-06-2006)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 24-06-06 11:23 |
|
Jakob Wadsager wrote:
> Jeg er ved at lave en hjemmeside hvor jeg vil lave margener i
> siderne, men margenerne som skulle høre til <body>, altså omkring
> hele siden, sætter sig omkring billedet og teksten. Er der nogen
> der har et forslag til hvordan jeg kan rette dette?
>
> Jeg har uploadet filerne til mit andet websted:
>
> HTML- indexet: www.wadsager.hotserv.dk
> Stylesheet: www.wadsager.hotserv.dk/style.css
>
> Af en eller anden grund ser webstedet forskelligt ud i IE og FF,
> i FF kan man godt se billedet, men det kan man ikke i IE.
>
> På forhånd tak!
>
Det er egentlig forunderligt at man kan se noget
overhovedet:
<center>
<a href=" http://www.tbscornerproduction.dk"
<img src="billeder/logo.jpg" width="800" height="130"
</center>
</a href=" http://www.tbscornerproduction.dk"
<p>Brødtekst er her</p>
Skal vel være:
<a class="center" href=" http://www.tbscornerproduction.dk"
<img src="billeder/logo.jpg" width="800" height="130">
</a>
<p>Brødtekst er her</p>
Du bør ikke bruge <center>...</center> til
at centere med. bruger i stedet klassen
center og lav en formregel:
..center {text-align:center;}
til text og billeder, der skal centreres.
Blokelementer med en eksplicit bredde
centreres med
margin-left:auto;
margin-right:auto;
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Kerim Ellentoft (24-06-2006)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 24-06-06 11:37 |
|
Jørgen Farum Jensen skrev:
>Skal vel være:
Næppe.
><a class="center" href=" http://www.tbscornerproduction.dk"
><img src="billeder/logo.jpg" width="800" height="130">
></a>
Men:
<a class="center" href=" http://www.tbscornerproduction.dk">
<img src="billeder/logo.jpg" width="800" height="130"
alt="alttekst">
</a>
--
Kerim
Som ikke bruger Spamfighter, der spammer nyhedsgrupperne
og sender indlæg to gange.
Svar under det du citerer og citer kun det du svarer på - tak.
| |
 Jakob Wadsager (24-06-2006)
| Kommentar
Fra : Jakob Wadsager |
Dato : 24-06-06 12:19 |
|
okay, det forstår jeg godt. Jeg ved godt at jeg er meget grøn
inden for dette felt.
Men hvad kan jeg gøre for at få toppen af margenerne til at
begynde under billedet, sådan at billedet ikke står inden i
margenerne?
Jeg takker meget for hjælpen før.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Jørgen Farum Jensen (24-06-2006)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 24-06-06 13:33 |
|
Jakob Wadsager wrote:
> okay, det forstår jeg godt. Jeg ved godt at jeg er meget grøn
> inden for dette felt.
> Men hvad kan jeg gøre for at få toppen af margenerne til at
> begynde under billedet, sådan at billedet ikke står inden i
> margenerne?
Toppen af hvafornoen marginer?
Du har forsynet din body-markør med nogle marginer,
dernæst har du sat et billede ind i body-markøren.
Billedet vil således altid, medmindre du
postionerer det absolut, befinde sig inde i body,
med den afstand til browservinduets kant, der
er bestemt ved body-markørens marginer og
eventuelle padding.
Alt hvad du herefter putter ind i body-markøen vil
herefter "af sig selv" følge efter (stå under)
billedet.
Afstanden mellem billedet styres næsten
udelukkende af margin-top og padding-top
på det efterfølgende element, in casu p.
"Næsten" betyder at billedet har en border
og et lille mellemrum, der skabes af linieskiftet
i kildekoden.
Star nu med at rette det, der er galt og se
så efter hvad resultatet bliver.
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Jørgen Farum Jensen (24-06-2006)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 24-06-06 13:23 |
| | |
ThomasB (24-06-2006)
| Kommentar
Fra : ThomasB |
Dato : 24-06-06 19:19 |
|
"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:449d2ead$0$12606$edfadb0f@dread14.news.tele.dk...
>> <a class="center" href=" http://www.tbscornerproduction.dk">
>> <img src="billeder/logo.jpg" width="800" height="130"
>> alt="alttekst">
>> </a>
>
> Right!
Jep, og hvis man ikke vil have en grim standard blå/lille border på
billedet, ser koden således ud:
<a href=" http://www.tbscornerproduction.dk" class="center">
<img src="billeder/logo.jpg" width="800" height="130" alt="alttekst"
border="0">
</a>
| |
Frank Olieu (24-06-2006)
| Kommentar
Fra : Frank Olieu |
Dato : 24-06-06 20:07 |
|
"ThomasB" <usenet*fjern*@*SKAL FJERNES*2ma2.dk> wrote in news:449d8209$0
$15782$14726298@news.sunsite.dk:
> Jep, og hvis man ikke vil have en grim standard blå/lille border på
> billedet, ser koden således ud:
> <a href=" http://www.tbscornerproduction.dk" class="center">
> <img src="billeder/logo.jpg" width="800" height="130" alt="alttekst"
> border="0"></a>
img { border:none; } er nok at foretrække 
--
Venlig hilsen | Kind regards | Cordialement
Frank
| |
ThomasB (24-06-2006)
| Kommentar
Fra : ThomasB |
Dato : 24-06-06 20:41 |
|
"Frank Olieu" <fr@nk.invalid> skrev i en meddelelse
news:Xns97ECD6C506700frankol@130.225.247.90...
>> Jep, og hvis man ikke vil have en grim standard blå/lille border på
>> billedet, ser koden således ud:
>> <a href=" http://www.tbscornerproduction.dk" class="center">
>> <img src="billeder/logo.jpg" width="800" height="130" alt="alttekst"
>> border="0"></a>
>
> img { border:none; } er nok at foretrække
Ja, hvis man vil lave det globalt.
Men hvis man kun skal bruge det det ene sted, så vil en border="0" være
mindre kode 
T
| |
Kerim Ellentoft (24-06-2006)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 24-06-06 21:18 |
|
"ThomasB" <usenet*fjern*@*SKAL FJERNES*2ma2.dk> skrev:
>Men hvis man kun skal bruge det det ene sted, så vil en border="0" være
>mindre kode
Nej, border="0" er en af de attributter, der er på vej ud og
anbefales ikke at bruges mere.
Og igen, i strict (x)html er den ikke tilladt.
Ydermere er det vel meget sjældent, at man vil ha' en border på
billeder nogen steder, uanset om det er links eller ej.
Vil man så ha' border på nogle enkelte billeder, så kan man jo
sætte det med class/id (eller omvendt, fjerne det på
billedlinks).
--
Kerim
Som ikke bruger Spamfighter, der spammer nyhedsgrupperne
og sender indlæg to gange.
Svar under det du citerer og citer kun det du svarer på - tak.
| |
ThomasB (25-06-2006)
| Kommentar
Fra : ThomasB |
Dato : 25-06-06 00:46 |
|
"Kerim Ellentoft" <kerim@mail.tele.invalid> skrev i en meddelelse
news:s87r92d4iu9q49rc6dsksuuk9u36enb7p4@dtext.news.tele.dk...
>>Men hvis man kun skal bruge det det ene sted, så vil en border="0" være
>>mindre kode
>
> Nej, border="0" er en af de attributter, der er på vej ud og
> anbefales ikke at bruges mere.
Det må du lige linke til.
> Og igen, i strict (x)html er den ikke tilladt.
Nej, det er h/vspace og align heller ikke, og det er da også derfor de
fleste bruger transitional.
Skal man bruge strict, så kan man jo vælge style="border: 0;".
> Ydermere er det vel meget sjældent, at man vil ha' en border på
> billeder nogen steder, uanset om det er links eller ej.
Logo og bannere vil de fleste ikke have border på, men derimod thumbnails,
gallerier, produktfotos osv, er ret smart at have std. border på - folk
vælger jo selv deres farve på borderen i browseren, og det højner
brugervenligheden.
> Vil man så ha' border på nogle enkelte billeder, så kan man jo
> sætte det med class/id (eller omvendt, fjerne det på
> billedlinks).
Ja, det er en smagssag - eller elementkombinationen der afgør om det bliver
det ene eller andet der vælges.
| |
Kerim Ellentoft (25-06-2006)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 25-06-06 10:49 |
|
"ThomasB" <usenet*fjern*@*SKAL FJERNES*2ma2.dk> skrev:
>Det må du lige linke til.
http://www.w3.org/TR/html4/index/attributes.html
(Det er dog stadig tilladt i forb. med tabeller, men ikke på img
og object)
>Skal man bruge strict, så kan man jo vælge style="border: 0;".
Hvorfor gøre det mere besværligt, ved at skulle skrive det ved
hvert billedlink og gøre htmlkoden mere uoverskuelig?
--
Kerim
Som ikke bruger Spamfighter, der spammer nyhedsgrupperne
og sender indlæg to gange.
Svar under det du citerer og citer kun det du svarer på - tak.
| |
Bertel Lund Hansen (25-06-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 25-06-06 11:24 |
|
Kerim Ellentoft skrev:
> Hvorfor gøre det mere besværligt, ved at skulle skrive det ved
> hvert billedlink og gøre htmlkoden mere uoverskuelig?
Man skriver det kun én gang:
img { border:0; }
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
Kerim Ellentoft (25-06-2006)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 25-06-06 12:13 |
|
Bertel Lund Hansen skrev:
>Man skriver det kun én gang:
Ikke, hvis man bruger det som Thomas foreslår:
Skal man bruge strict, så kan man jo vælge style="border: 0;".
Så er man nød til at sætte det på hvert billedlink og det var det
jeg svarede på.
>img { border:0; }
Og, skrev jeg godt nok ikke, men det forekommer mig mere korrekt
at bruge border: none.
--
Kerim
Som ikke bruger Spamfighter, der spammer nyhedsgrupperne
og sender indlæg to gange.
Svar under det du citerer og citer kun det du svarer på - tak.
| |
Bertel Lund Hansen (25-06-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 25-06-06 12:26 |
| | |
ThomasB (26-06-2006)
| Kommentar
Fra : ThomasB |
Dato : 26-06-06 10:55 |
|
"Kerim Ellentoft" <kerim@mail.tele.invalid> skrev i en meddelelse
news:0rms921vfajh8e18s46voe0jiq9e7d7r7r@dtext.news.tele.dk...
>>Det må du lige linke til.
>
> http://www.w3.org/TR/html4/index/attributes.html
>
> (Det er dog stadig tilladt i forb. med tabeller, men ikke på img
> og object)
Ja, det kan jeg se. Men det er jo ikke "forbudt" at bruge border="0", blot
mere korrekt at bruge CSS.
>>Skal man bruge strict, så kan man jo vælge style="border: 0;".
>
> Hvorfor gøre det mere besværligt, ved at skulle skrive det ved
> hvert billedlink og gøre htmlkoden mere uoverskuelig?
Du har ret. Men i nogle tilfælge kan det være nemmere at skrive border i
taggen, selvom det i 99% tilfælde vil være bedre at bruge img {border:
none;}
Mvh Thomas
| |
Kerim Ellentoft (26-06-2006)
| Kommentar
Fra : Kerim Ellentoft |
Dato : 26-06-06 16:26 |
|
"ThomasB" <usenet*fjern*@*SKAL FJERNES*2ma2.dk> skrev:
>Ja, det kan jeg se. Men det er jo ikke "forbudt" at bruge border="0", blot
>mere korrekt at bruge CSS.
Stadigvæk:
Spørgeren havde anvendt en strict doctype og så er border="0"
ikke tilladt og så er det en dåræig ide, at foreslå det.
--
Kerim
Som ikke bruger Spamfighter, der spammer nyhedsgrupperne
og sender indlæg to gange.
Svar under det du citerer og citer kun det du svarer på - tak.
| |
ThomasB (25-06-2006)
| Kommentar
Fra : ThomasB |
Dato : 25-06-06 00:50 |
|
"Kerim Ellentoft" <kerim@mail.tele.invalid> skrev i en meddelelse
news:s87r92d4iu9q49rc6dsksuuk9u36enb7p4@dtext.news.tele.dk...
>>Men hvis man kun skal bruge det det ene sted, så vil en border="0" være
>>mindre kode
>
> Nej, border="0" er en af de attributter, der er på vej ud og
> anbefales ikke at bruges mere.
>
> Og igen, i strict (x)html er den ikke tilladt.
I øvrigt var den kode jeg skrev ikke xhtml, da jeg ikke havde afsluttet
<img> med en /.
Nedenstårende kan (vist) xhtml - strict godkendes:
<a href=" http://www.tbscornerproduction.dk" class="center">
<img src="billeder/logo.jpg" width="800" height="130" alt="alttekst"
style="border: 0;" />
</a>
| |
Allan Vebel (25-06-2006)
| Kommentar
Fra : Allan Vebel |
Dato : 25-06-06 01:48 |
|
ThomasB skrev:
> Men hvis man kun skal bruge det det ene sted, så
> vil en border="0" være mindre kode
Nej, det er bedre at anvende
img{
border:none;
}
over det hele, og så angive de billeder der skal have
border, og i hvilke tilfælde skal de det?
Den traditionelle blå/violette af slagsen er normalt ikke
ønsket, så hellere lave sin egen, der også kan bruges
effektfuldt sammen med a:hover, se for eksempel:
http://html-faq.dk/testsider/thumb-htmlfaq/thumb-htmlfaq.asp
Bruger du den gammeldags border="0" direkte på billedet
i stedet for css-egenskaben, skal den være sat på alle de
billeder du bruger til links, og det vil normalt fylde mere,
naturligvis afhængig af hvor mange billeder der er.
--
Allan Vebel
http://html-faq.dk
| |
|
|