Hur får jag dit mina ikoner med css?

2 svar · 314 visningar · startad av xtreme 25 mars 2008

xtremeMedlem sedan juli 20002 056 inlägg

Frågan25 mars 2008 19:25#1

Försöker göra en sida som bifogad bild. När jag lägger till ikonerna med text under så flyttar sig allt annat. Hur ska jag göra?

Så här ser koden ut jag gjort nu:

<div id="border">
  <div id="header"><img src="images/intercative_home_02.jpg" width="798" height="19"></div>
  <div id="logo"><img src="images/intercative_home_04.jpg" width="215" height="75" /></div>
  <div id="searchbox"> <img src="images/intercative_home_21.jpg"><img src="images/intercative_home_23.jpg">
    <div id="main">testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text testar en text </div>
  </div>
  <div id="bottom"><img src="images/intercative_home_41.jpg" width="798" height="19"></div>
</div>
</div>

#border {
	margin: 0 auto;
	margin-top: 35px;
	border: 1px solid #999999;
	width: 798px;

}
#logo {
	width: 215px;
}

Ser (nästan) ut som jag vill förutom ikonerna. Ser ni andra fel i koden hjälp mig gärna med dem också ;)

OkkidoMedlem sedan maj 20007 492 inlägg

25 mars 2008 19:35#2

Av 6 använda div:ar ser jag 6 onödiga/felanvända.

Din kod säger mig noll, jag kan inte utläsa vad som är ikonerna. Ge oss en länk istället.

xtremeMedlem sedan juli 20002 056 inlägg

25 mars 2008 19:53#3

Okkido skrev:

Av 6 använda div:ar ser jag 6 onödiga/felanvända.

Din kod säger mig noll, jag kan inte utläsa vad som är ikonerna. Ge oss en länk istället.

Så allt är fel ;)

Har tyvärr inte det uppladdat så jag kan inte ge någon länk men kan försöka förklara vilka div som är var, namnen på bilderna kan jag hålla med om inte säger så mycket vilket jag får ändra ;)

Ikonerna (röda kryssen) finns inte i min kod, det är dem jag vill ha dit.
border = ramen runt som håller allt på plats.
header = den svarta bilden överst som heter intercative_home_02.jpg och där det står privacy.
logo = innehåller loggan som heter intercative_home_04.jpg där det står interactive
searchbox = vänstra delen av den gåra listen som går upp på vänstra sidan. Under den upphöjningen kommer jag sedan ha en sökruta. Den vänsta bilden heter intercative_home_21.jpg. Den högra bilden är resten av det gråa sträcket till höger och heter intercative_home_23.jpg. Varför jag har delat den bilden förstår jag inte själv nu ;)
bottom = listen längst ner och innehåller bilden intercative_home_23.jpg. Skulle lika gärna kunna sätta en bakgrundsfärg på min div längst ner i stället.