[TuT] Eigene Homepage Templates coden

Page 3 of 5 12 3 45
03/07/2011 20:43 kikugala#31
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...
03/07/2011 21:50 NotEnoughForYou#32
du hast vergessen style wieder zu beenden ... also
HTML Code:
<div style="li a etc ">
03/08/2011 10:41 ©ross#33
Quote:
Originally Posted by kikugala View Post
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 View Post
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>
03/08/2011 12:24 NotEnoughForYou#34
ah ja habs übersehn ^.^... aber würde es mit inlinestyle machen, da im ganzen tut keine externe css genutzt wid
03/08/2011 14:34 ©ross#35
Quote:
Originally Posted by NotEnoughForYou View Post
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
03/08/2011 14:37 NotEnoughForYou#36
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
03/13/2011 12:32 Deda94#37
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=?
03/13/2011 14:13 NotEnoughForYou#38
border:none; ja kannst du auch machen, dann halt background-color festlegen
03/13/2011 17:22 Deda94#39
Hilft mir jetzt mal einer weiter? :D
03/13/2011 17:25 NotEnoughForYou#40
lies meinen post ^^
03/13/2011 17:33 Deda94#41
Achso erläuter deinen Post mal genauer :D ich versteh nichts :D
03/13/2011 17:35 NotEnoughForYou#42
also ... mit border:none; setzt du den rand um den bildern weg und über background-color:hex wert setzt du eine hitnergrundfarbe ;)
03/13/2011 17:56 Deda94#43
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
03/13/2011 18:01 NotEnoughForYou#44
<img src="blabal" border="0" /> oder über css
03/13/2011 18:09 Deda94#45
Jetzt klappt es Danke dir :)
Page 3 of 5 12 3 45