Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

vill ha en logga längst till vänster i header

Svara
2013-07-16, 12:43
  #1
nassegirl
Medlem
Vad gör jag för fel?



#header{
float:left;
text-align: center;
background-color: #00B25C;
width:100%;
height:100px;
background-image: url ("Bilder/logo.gif") no repeat left top;}

Citat:
<body>
<div id="page">
<div id="header">
<h1> Äspåröd Äventyrsland </h1>
</div>


<div id="Sidmeny">
</div>

<div id="main">
<div id="content">
</div>
</div>


<div id="footer"> Sidan uppdateras senast 2010-06-08.Webbansvarig <a class="footer" href="mailto:Erik.eson@sparaod.se">Ervik Eson</a></div>
</div>

</body>

</html>
Citera
2013-07-16, 12:54
  #2
winINC
Medlem
winINCs avatar
Först och främst så ska du inte lägga det som endast en bakgrundsbild i din header. Gör en till div i din header så du kan positionera den enkelt inom headern som du vill.

Dvs något sådant:
HTML-kod: 
<div id="header">
<div id="logo"></div>
</div>

Sen lägger du CSS som du gjort innan:
HTML-kod: 
#header{
text-align: center;
background-color: #00B25C;
width:100%;
height:100px;
}
#header #logo{
background-image: url ("Bilder/logo.gif") no repeat left top;
width:[sätt till bildens storlek];
height:[sätt till bildens storlek];
float:left;
}

Dock så ska du alltid använda dig av <img>-tag istället för CSS background-image när det handlar om logotyper och andra bilder som ska synas vid print.

I så fall gör du samma sak fast med denna html:
HTML-kod: 
<div id="header">
<img src="Bilder/logo.gif" alt="Hemsidans logotyp" id="logo">
</div>
Citera
2013-07-16, 15:00
  #3
nassegirl
Medlem
När jag gör min validering så står det så här:

Värdefel : background-image url är inte ett background-image-värde : url
17 #header #logo Parsningsfel ("Bilder/logo.gif") no repeat left top;

Vad har jag gjort för fel?


Citat:
#header #logo{
background-image: url ("Bilder/logo.gif") no repeat left top;
width: 112px;
height: 93px;
float:left;
border:3px solid;
border-color:blue;}


body>
<div id="page">
<div id="header">
<img src="Bilder/logo.gif" alt="logo" id="logo">
<h1> Äspåröd Äventyrsland </h1>
</div>
Citera
2013-07-16, 15:11
  #4
nassegirl
Medlem
nu blev det rätt när jag gjorde valideringen igen
Citera
Svara

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback