YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Schrift ausrichten! » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.450 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Schrift ausrichten!
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Barthez
Mitglied


Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0
 Schrift ausrichten! Antworten Zitieren Editieren Melden       UP
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!

__________________
Gruß
Barthez
10.04.06 18:35 Barthez ist offline E-Mail WWW Finden Als Freund hinzufügen
Benedikt Benedikt ist männlich
Mitglied


images/avatars/avatar-3608.gif

Dabei seit: 16.01.04
Beiträge: 910
Herkunft: Pogotopia
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
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;


__________________
**
BenediktRB - Blog
**
10.04.06 18:38 Benedikt ist offline WWW Finden Als Freund hinzufügen Füge Benedikt in deine Kontaktliste ein
Barthez
Mitglied


Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Themenstarter Thema begonnen von Barthez
Antworten Zitieren Editieren Melden       UP
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!

__________________
Gruß
Barthez
10.04.06 18:58 Barthez ist offline E-Mail WWW Finden Als Freund hinzufügen
Benedikt Benedikt ist männlich
Mitglied


images/avatars/avatar-3608.gif

Dabei seit: 16.01.04
Beiträge: 910
Herkunft: Pogotopia
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
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

__________________
**
BenediktRB - Blog
**
10.04.06 19:04 Benedikt ist offline WWW Finden Als Freund hinzufügen Füge Benedikt in deine Kontaktliste ein
Barthez
Mitglied


Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0

Themenstarter Thema begonnen von Barthez
Antworten Zitieren Editieren Melden       UP
kann ich die CSS Dateiänderung wieder rausnehmen?

...edit:geht jetzt ... super .. Danke!

__________________
Gruß
Barthez

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Barthez: 10.04.06 19:35.
10.04.06 19:16 Barthez ist offline E-Mail WWW Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Schrift ausrichten!