html frage

[JuliusCaesar]

Hey ich weiß, ansich sit die Frage simpel
ich habe nen div der schaut so aus

Code:

<div id="header">
<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>

nun wollte ich da ne deutsche/englische Falge neben der Überschrift si-stats.de einbauen
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?

[Nordin]

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>

[JuliusCaesar]

ja abe rbeim letzten mal ging das schief, die gesamte schrift wurde dardurch verzerrt....

[schlumpfi]

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

[ows77]

... 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

[schlumpfi]

... 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

[JuliusCaesar]

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 {
float: right;
margin: 0;
padding: 15px 0 0 0;
list-style: none;

wie kann ich diese nun hoch verschieben?

[ows77]

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?

[JuliusCaesar]

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