Opprinnelig skrevet av Cjap+22.04.2005, 03.15-->
@22.04.2005, 16.53
Jah. Den logoen kan fint mekkes med litt elementær CSS, og <img src> til slike ting hører ikke hjemme noe sted uansett.
209995
Kan jeg ødelegge teorien din med å si at logoen er et bilde
link
og at man ikke
kan lage en HTML-basert logo i IPB da man
må laste opp et bilde som logo? :rulleøyne:
Forresten ser jeg ikke hva som er problemet med "Fast Reply", er helt fint til meg
210015
[/b]
Det blir allikevel feil å bruke <img src> til det, semantisk sett. Å bruke <img src> til en logo gir ingen mening, fordi taggen varsler et inlinebilde, og ikke en overskrift. Det er mye mer riktig å sette "Spillegal" i en <h1>-tag ("den viktigste" overskriften på en side), og deretter erstatte innholdet i blokken med CSS. På den måten, blir siden mer semantisk korrekt, siden blir bedre optimalisert mot søkemotorer, eventuelle syn/hørsels-hemmede som besøker siden for livet lettere siden de spesielle browserene deres leser opp innholdet slik det står angitt i taggene rundt dem. Enkelt er det òg.
Det finnes flere ulike metoder for dette, alle med ulemper og fordeler, men her er kodene til det jeg bruker:
XHTML
CSS
Kode:
h1 {
overflow: hidden; /* Gjør at bildet ikke blir større enn det er angitt til */
padding: 100px 0; /* Gjør at innholdet ikke vil starte før 100 piksler fra toppen, og siden vi har satt overflow til hidden vil ikke det faktiske innholdet synes. Bytt selvsagt ut høyden med den faktiske høyden til logoen. */
height: 0 !important; /* Siden padding legges til høyde i de fleste browsere (IE er den viktigste som ikke gjør det) og vi har angitt høyden av elementet i paddingen ovenfor, settes denne verdien til 0. For å hacke IE setter vi !important bak, slik at browseren ikke oppfatter innholdet og går rett til neste linje ... */
height: /**/ 100px; /* Resten av IE-hacken. Stygt som faen, men det fungerer */
width: 300px;
background: url([url]http://www.spillegal.no/forum/style_images/sglogo.gif[/url]) no-repeat; /* Her settes bakgrunnsbildet, og vi forteller browseren at den ikke skal repetere bildet */
Så ... logoen kan faktisk fikses ved hjelp av CSS uten å ta i bruk <img src>, selv om du selvsagt må lage et bilde til den i Photoshop. Hvorvidt dette funker i IPB er en annen sak, men ... Denne metoden kan selvfølgelig brukes til andre tagger. (om du skal ha flere forskjellige bakgrunnsbilder til et element lager du bare en #id eller en .class)
:tommelopp:
Synes forresten bakgrunnen bør gå helt ned.