Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Världens skummaste grej, centrering av firefox banner fungerar endast med border="0"

1
Skriv svar
Permalänk
Medlem
●

Världens skummaste grej, centrering av firefox banner fungerar endast med border="0"

Och detta gäller bara i webläsaren Firefox, snacka om att sjuta sig själva i foten Jaja, vet trots allt inte vad det beror på. Koden som är hämtad direkt från firefox sida ser ut så här:

<a href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=70">
<img border="0" alt="Get Firefox!" title="Get Firefox!" src="http://sfx-images.mozilla.org/affiliates/Buttons/88x31/get.gi..."/>
</a>

Om jag tar bort attributet "border=0" så vägrar länken att bli centrerad, varför vet jag inte.. Lite komiskt detta, för en valideringsknapp från w3 fungerar nämligen detta:

<a href='http://validator.w3.org/check?uri=referer' rel='external'>
<img src='http://www.w3.org/Icons/valid-xhtml10' alt='Valid XHTML 1.0!' title='Valid XHTML 1.0!' height='31' width='88' />
</a>

Menom jag skall få firefoxlänken att fungera, så validerar inte sidan. Någon som vet hur jag kan gå till väga för att fixa detta?

För att se hur det ser ut gå in på: http://pandionweb.se

Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
Permalänk
Medlem
●

div#credits img {
float: none;
margin-left: auto;
margin-right: auto;
}

Visa signatur

The difference between stupidity and genius - the latter has limits

Redigera
Citera flera Citera
Permalänk
Medlem
●

Ahh, hjärnsläpp, varför tänkte jag inte på det Fast firefox hamnar endå under valideringsloggan.. Lite dumt..

EDIT: Eller så är det kanske snyggare att ha det på det viset?

Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
Permalänk
Medlem
●

Diven som håller loggan ska ha style="text-align: center" (kanske måste sätta img till style="display: inline")

Alternativt så kör style="margin: auto" på <img> ?

Visa signatur

Swec @ 2001 / Chalmerist - Javisst!
'Den som har flest prylar när han dör vinner!'

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jo, diven har attributet text-align: center, men jag kan testa testa med display inline också..

EDIT: display: inline; hjälpte tyvärr inte..

Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av nienithaur
Ahh, hjärnsläpp, varför tänkte jag inte på det Fast firefox hamnar endå under valideringsloggan.. Lite dumt..

EDIT: Eller så är det kanske snyggare att ha det på det viset?

Hade du tänkt att följande kod skulle visa firefox först, och sedan w3?

<a href='http://validator.w3.org/check?uri=referer' rel='external'>
<img src='http://www.w3.org/Icons/valid-xhtml10' alt='Valid XHTML 1.0!' title='Valid XHTML 1.0!' height='31' width='88' />
</a>
<a href='http://www.spreadfirefox.com/?q=affiliates&id=0&t=70' rel='external'>
<img alt='Get Firefox!' title='Get Firefox!' src='http://sfx-images.mozilla.org/affiliates/Buttons/88x31/get.gi...' id='cp' />
</a>

Vill du ha firefox före w3 får du såklart lägga den före i koden också

EDIT:
Din firefox länk sträcker sig över hela sidan (länken är inte bara bilden alltså), ge den en bestämd width eller nått...

Visa signatur

The difference between stupidity and genius - the latter has limits

Redigera
Citera flera Citera
Permalänk
Medlem
●

Nej, jag menar att de skall ligga brevid varandra

EDIT: Skall testa detta..

EDIT2: Tack Zevon, nu funkar det som det skall! Inte visste jag att den sträckte ut sig över hela sidan? Borde ju bara vara lika stor som bilden tycker man?

Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
Permalänk
Medlem
●

Hmm, eftersom du satt float: none antog jag att du inte tänkte ha dem brevid varandra...
Aja, spela roll

Visa signatur

The difference between stupidity and genius - the latter has limits

Redigera
Citera flera Citera
Permalänk
Medlem
●

float: none; satte jag bara för att jag skulle kunna centrera dem med text-align: center; ;). Jag har float: left; på resterande bilder.. Det borde väl endå vara det enklaste sättet, om än kanske inte det snyggaste, att centrera båda brevid varandra?

Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tycker nästan att det är lite fult att deklarera att alla bilder är float:left... Men det fungerar ju iaf

Visa signatur

The difference between stupidity and genius - the latter has limits

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jao, kan hända är det lite fult, men eftersom stora delar av sidan är uppbyggd av floatade bilder så blev det praktiskt att göra så.

EDIT: Nu känner jag visserligen att jag ställer mig frågan varför jag egentligen behövde floata bilderna från första början. De borde ju lägga sig på rad endå, men det kanske de inte gör. Nån anledning att använda floats måste det ju ha funnits, det kanske inte blir automatisk radbrytning annars? Så var det kanske...

Senast redigerat
Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
Permalänk
Medlem
●

Automatisk rabrytning kirrar du ju i så fall lika lätt med img {display: block;} Om det bara är den effekten du var uteefter...

Visa signatur

http://facebook.com/descendingchaos
http://johannesohlsson.se
http://qorner.se

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jo, de kankse skulle funkat lika bra, egentligen har jag ganska dålig koll på vad exakt som skiljer floats från vanligt positionsschema, men det är väl bara att läsa på..

Visa signatur

Hör ropen skalla: Mer CO-OP åt oss alla!
Fanboys är kapitalismens svar på religiösa fundamentalister.
Upplysning für alle: www.thesciencenetwork.org www.transhumanism.org

Redigera
Citera flera Citera
1
Skriv svar