|
Titel: html frage Beitrag von: JuliusCaesar am 20 Februar 2008, 23:12:26 Hey ich weiß, ansich sit die Frage simpel
ich habe nen div der schaut so aus Code: <div id="header"> nun wollte ich da ne deutsche/englische Falge neben der Überschrift si-stats.de einbauen<h1>si-stats.de</h1> <ul> <li class="first"><a href="index.php?action=home" accesskey="1" title="">Home</a></li> <li><a href="index.php?action=news" accesskey="2" title="news">News</a></li> <li><a href="index.php?action=email" accesskey="3" title="email">Kontakt</a></li> </ul> </div> Problem:die Flaggen sind nie auf gleicher höhe wie die überschrift (h1), wie krieg ich das hin? das stylesheet sieht so aus Code: h1, h2, h3 { color:#FFFFFF; font-family:Georgia,"Times New Roman",Times,serif; margin:0pt; padding:0pt; habt ihr da ne idee? Titel: Re: html frage Beitrag von: Nordin am 20 Februar 2008, 23:31:05 hmm hast du mal versucht die flaggen zwischen den <h1> </h1> Tag zu setzen?
Also so zB. Code: <h1>si-stats.de <img src="flag.jpg" /></h1> Titel: Re: html frage Beitrag von: JuliusCaesar am 21 Februar 2008, 01:34:28 ja abe rbeim letzten mal ging das schief, die gesamte schrift wurde dardurch verzerrt....
Titel: Re: html frage Beitrag von: schlumpfi am 21 Februar 2008, 01:59:22 setze anstatt h1 ne tabelle.. mit border 0 und no style
in eine spalte dein name <h1></h1> in die andere spalte die grafik <img src="....> ordne die mit align=center und valign=middle an und gut is... mfg Titel: Re: html frage Beitrag von: ows77 am 21 Februar 2008, 11:49:55 ... oder ergänze Deine CSS-Angaben für h1 (evtl. ein separates h1 anlegen) um:
background: url(pfad_zur_grafik.jpg) no-repeat; background-position: 142px 14px; Mit den Angaben für "position" kannst Du die Grafik pixelgenau ausrichten. 1. Wert: Abstand von links 2. Wert: Abstand von oben Titel: Re: html frage Beitrag von: schlumpfi am 21 Februar 2008, 12:35:49 ... oder ergänze Deine CSS-Angaben für h1 (evtl. ein separates h1 anlegen) um: background: url(pfad_zur_grafik.jpg) no-repeat; background-position: 142px 14px; Mit den Angaben für "position" kannst Du die Grafik pixelgenau ausrichten. 1. Wert: Abstand von links 2. Wert: Abstand von oben das hat zur folge, bei verschiedenen internet browsern hat man eine geringe aber geänderte darstellung und würde, wenn wie gesagt auch nur gering, die anordnung des bildes nicht mehr passend zum text ausrichten. sollte nicht sein ist aber so... vergl. opera, internet explorer, netscape, mozilla, ggf linux produkte... mfg Titel: Re: html frage Beitrag von: JuliusCaesar am 29 Februar 2008, 17:40:36 hey, sorry, das ich mich solge net mehr gemeldet hab, hatte viel zu tun :(
hab emal ein bissle rumprobiert, und habs jetzt irgednwie geschafft dass ich nur noch eine liste ein bissel höher verschieben muss der Hintergrund(eine weiß gestrichelte leiste) und der h1 passt jetzt Problem: ein ul liegt nun direkt auf der Leiste drauf, ich möchte die ien bissel hoch verschieben,sodass diese auf derselben höhe wie der h1 steht die liste ist so definiert: Code: #header ul { wie kann ich diese nun hoch verschieben?float: right; margin: 0; padding: 15px 0 0 0; list-style: none; Titel: Re: html frage Beitrag von: ows77 am 29 Februar 2008, 18:31:28 Das sollte funktionieren, wenn Du für "margin" negative Werte angibst. Also z.B.
margin: -20px 0 0 0; Hast Du evtl. mal einen Link, damit man sich das Ganze anschauen kann? Titel: Re: html frage Beitrag von: JuliusCaesar am 29 Februar 2008, 22:18:13 danke das funktioniert jetzt :)
habs vorher alles nur lokal getestet, aber jetzt kannstes dir anschauen und sagen ob man noch was verbessern kann http://si-stats.de :) danke euch allen auf jedenfall schonmal :D |