Barthez
Hallo,
ein BEkannter hat mir beim erstellen einer Homepage geholfen und ich habe da mal eine Frage!
Er hat per CSS Buttons eingebaut und im IE sind diese zentriert ... im Mozilla aber linksbündig wie sie auch sein sollten!
Wie kann ich das ändern?
hier der COde für einen Button:
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top-width:1px;
border-top-color:black; border-top-style:solid;"><span class="text_nav"><b><a
href="index.html">Startseite</a></b></span></td>
</tr>
hier die Homepage:
http://www.saschaoezer.de
Danke für Eure Hilfe!
Benedikt
Geh mal in den StyleSheet und suche dort:
| code: |
1:
2:
3:
4:
5:
|
.text_nav {
font-size:12px;
font-family:Arial;
text-decoration: bold;
} |
|
Unter die letzt Angabe fügst du noch:
| code: |
1:
|
text-align: left; |
|
Barthez
also wenn ich es so mache
.text_nav {
font-size:12px;
font-family:Arial;
text-decoration: bold;
text-align: left;
}
ändert das irgendwie gar nichts!
Benedikt
Oh, em such mal das:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
|
<tbody><tr>
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">Startseite</a></b></span></td>
</tr><tr>
<td class="" onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">link</a></b></span></td>
</tr><tr>
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">link</a></b></span></td>
</tr><tr>
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">Impressum</a></b></span></td>
</tr> |
|
und überschreibs damit:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
|
<tbody><tr>
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">Startseite</a></b></span></td>
</tr><tr>
<td class="" onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">link</a></b></span></td>
</tr><tr>
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">link</a></b></span></td>
</tr><tr>
<td onmouseover="this.className='over_bg'" onmouseout="this.className=''" style="border-top: 1px solid black;text-align: left;"><span class="text_nav"><b><a href="http://www.saschaoezer.de/index.html">Impressum</a></b></span></td>
</tr> |
|
Also praktisch bei der style Angabe der einzelnen <td>s auch text-align: left einfügen
Barthez
kann ich die CSS Dateiänderung wieder rausnehmen?
...edit:geht jetzt ... super .. Danke!