Hjelp til formatering av header i blogger

[Meits]

Jeg har laget en header til bloggsiden min og satt den der jeg vil ha den. Nå har jeg følgende problem:

Jeg vil ha vekk bloggtittelen "oldemor". Dette har jeg greid ved å sette inn "visibility:hidden;" i seksjonen "header h1", men da forsvinner også bildet jeg har tenkt å ha i forkant av headeren.

 

Hvordan skal jeg få vekk bloggtittelen og likevel ha bildet synlig?

 

#header .titlewrapper {

  background:#F5BF05 url("http://img131.imageshack.us/img131/340/oldemorpw5.gif") no-repeat left bottom;

  padding:0 0 0 160px;

  margin:0 0 0px;

  color:#000;

  width:100%;

  width/* */:/**/auto;

  width:auto;

  }

#header h1 {

  background:url("") no-repeat left top;

  margin:0;

  padding:70px 0 30px;

  line-height: 97px;

  font: $titleFont;

  text-transform:lowercase;

  }

#header h1 a {

  color:#fff;

  text-decoration:none;

  }

.postpage #header h1 {

  padding-top:0;

  background-position:0 -40px;

  }

 

.clear { clear: both; }

 

Dette er siden, om det er til hjelp.

[haugsand]

Du kan legge til følgende CSS-kode for å skjule tekst: text-indent: -1000em;

 

Den sørger for at teksten starter så langt til venstre at den ikke befinner seg nettleservinduet.

Endret 14. juni 2007 av haugsand

[Meits]

Takk for hjelpen - det var det som skulle til.

 

Ser du brukte "em" istedenfor "px", hva er fordelene med det? Har det noe med at "em" spiller på proporsjoner og dermed sikrer teksten å havne utenfor, selv på gigantiske skjemer? Spør av ren nysgjerrighet.

[Jakob K]

Benevningen EM er relativ til tekststørrelsen, lurer på om ikke navnet kommer av at det skal være størrelsen på bokstaven M (?). Så 2em linjehøyde vil gi en tom linje innimellom alle linjene, altså legge til 100% av tekstens høyde over. 1.5em vil tilsvare en halv tom linje innimellom.

I bredden går det vel på bokstavbredden, eller antall bokstaver - en linje med max-width: 40em; har maks 40 tegn på hver linje.

Se ellers spesifikasjonene om du vil.

Endret 14. juni 2007 av AfroDude

[Meits]

Nytt spørsmål:

Hva for en kode må jeg skrive inn for å få headeren til å fungere som en lenke?

 

#header .titlewrapper {

  background:#F5BF05 url("http://img131.imageshack.us/img131/340/oldemorpw5.gif") no-repeat left bottom;

  padding:0 0 0 160px;

  margin:0 0 0px;

  color:#000;

  width:100%;

  width/* */:/**/auto;

  width:auto;

  }