[TuT] Eigene Homepage Templates coden

kikugala · 03/07/2011, 20:43

Html code

Quote:

<div style="li a {
background:url IMG/home.png;
}
li a:hover {
background:url IMG/home1.png;
}
postion:absolute;top:140px;left:140px">
<a href="home.html"> </a>
</div>

was ist hier falsch weil jetzt sehe ich gar kein schriftzug mehr...

NotEnoughForYou · 03/07/2011, 21:50

du hast vergessen style wieder zu beenden ... also

HTML Code:

<div style="li a etc ">

©ross · 03/08/2011, 10:41

Quote:
Originally Posted by kikugala
Html code
Code:
<div style="li a {
background:url IMG/home.png;
}
li a:hover {
background:url IMG/home1.png;
}
postion:absolute;top:140px;left:140px">
<a href="home.html"> </a>
</div>
was ist hier falsch weil jetzt sehe ich gar kein schriftzug mehr...

Ich empfehle dir es anders zu machen..
undzwar so:

PHP Code:


			
/* HTML Teil */
<div class="li">
   <a href="home.html">Aufschrift?</a>
</div>

PHP Code:


			
/* CSS Teil */
.li{
postion:absolute;
top:140px;
left:140px;
}
.li a {
background:url (IMG/home.png);
}
.li a:hover {
background:url (IMG/home1.png);
}

Quote:
Originally Posted by NotEnoughForYou
du hast vergessen style wieder zu beenden ... also
HTML Code:
<div style="li a etc ">

klr wirds geschlossen...
am ende des codes steht doch das </div>

NotEnoughForYou · 03/08/2011, 12:24

ah ja habs übersehn ^.^... aber würde es mit inlinestyle machen, da im ganzen tut keine externe css genutzt wid

©ross · 03/08/2011, 14:34

Quote:

Originally Posted by NotEnoughForYou

ah ja habs übersehn ^.^... aber würde es mit inlinestyle machen, da im ganzen tut keine externe css genutzt wid

muss gestehn das ich das tut nicht so genau gelesen habe..^^ eher überflogen.
ich meine nur:
Inlinestyle gut und schön nur für den anfang den css code besser in den header packen oder über externe style.css gehen.

das hilft nichtnur der übersichtlichkeit sondern unterstützt die "Anfänger" dabei den code korrekt einzurücken

greetings

NotEnoughForYou · 03/08/2011, 14:37

ja, aber ob man dann auch weiss, wie man es richtig im head schreibt ist auch so ne sache ... was wenn er dann ein gleiches element wo anderst haben will ?dann muss er mit klassen arbeiten, womit er sich sicher auch nciht auskennt ..., etc

Deda94 · 03/13/2011, 12:32

mmh bei mir kommen so dumme ränder bei "Home, Forum, etc.." also die Texte bei der Navigation halt...

Habe alles um den Text herum transparent gemacht... sprich der text liegt in nem Kasten >.<

Was kann ich dagegen machen?

Oder kann ich vllt einfach einen normalen Text eingeben anstatt nen Bild zu machen?

Aber wie änder ich dann die Farbe und Größe=?

NotEnoughForYou · 03/13/2011, 14:13

border:none; ja kannst du auch machen, dann halt background-color festlegen

Deda94 · 03/13/2011, 17:22

Hilft mir jetzt mal einer weiter?

NotEnoughForYou · 03/13/2011, 17:25

lies meinen post ^^

Deda94 · 03/13/2011, 17:33

Achso erläuter deinen Post mal genauer ich versteh nichts

NotEnoughForYou · 03/13/2011, 17:35

also ... mit border:none; setzt du den rand um den bildern weg und über background-color:hex wert setzt du eine hitnergrundfarbe

Deda94 · 03/13/2011, 17:56

also hier:

Code:

<div style="position:absolute;top:420px;left:475px">
<a href="index.php"><img src="IMAGESET/Home.png" /></a>
</div>

Wie setze ich da dieses border:none; am besten ein?

oder überhaupt wie macht man da den rand weg xD

NotEnoughForYou · 03/13/2011, 18:01

<img src="blabal" border="0" /> oder über css

Deda94 · 03/13/2011, 18:09

Jetzt klappt es Danke dir