Login

Harty · 15.08.2004, 16:17

Hallo ich bin neu in eurem Forum und noch ein Anfänger .
Bitte habt etwas Geduld mit mir wenn ich nerve.
Mein Problem :
Ich habe eine Navigation erstellt die auch im IE funktionirt, aber in Firefox ist dier Button nur so lang wie der Schriftzug.

~~Hulot~~ · 15.08.2004, 16:39

Salve und willkommen! Smile

Ist die Navigation online, sodass man sich das mal ansehen kann?
Oder aber Du schreibst hier mal den Quelltext hin, wenn er nicht allzu groß ist.

Gruß Hulot

Harty · 15.08.2004, 16:57

I ch versuche nach "Jürgens Workshops" im eine eigene Homepage zu erstellen,habe mich auch ein kleines bisschen in HTML + CSS eingearbeitet

die CSS Anweisung:

.button {
font-family:Arial;
font-size: 10pt;
color: #FFFFFF;
background-Color: #ff874f;
border-left: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;
border-right: 3px solid #000000;
border-bottom: 3px solid #000000;
text-decoration: none;
width: 140;
higth: 11:}
.button:hover {
Color: #000000;
background-Color: #ffba95;
border-left: 2px solid #000000;
border-top: 2px solid #000000;
border-right: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
text-decoration: none;
width: 140;
higth: 11:}

Kurztabelle:

<table bgcolor="#00000" width="10" cellspacing="0" cellpadding="0" border="0"><tr><td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td class="button">Navigation</td></tr>
<tr><td>Startseite</td></tr>
<tr><td>Zentrales Bergland</td></tr>
<tr><td>Impressum</td></tr>
</table></td></tr></table>

Jürgen · 16.08.2004, 10:08

Hallo Harty,

Du hast der äußeren Tabelle 10 Pixel, und der inneren 100% gegeben. Dadurch gibt es im Text einen Zeilenumbruch. Die äußere Tabelle kannst Du eigentlich löschen, oder beiden auch width "140" geben.

Hast Du diesen Workshop mit Beispielen schon gesehen?
http://www.juergens-workshops.de/tutoria...=cssmenue1

Gruß
Jürgen

Harty · 16.08.2004, 10:59

Hallo Jürgen
du hast vollkommen recht , aber die äußere dient mir im augenblick nur zur kontrolle . Sie wird in beiden Browsern (IE,Firefox)korrekt dargestellt.Mein
Problem sind die Button im IE sieht alles schön aus und in Firefox sind die
Button nur so lang wie die Auschrift (Startseite kurz,Zentrales Bergland lang)
ich kriege sie einfach nicht auf 140 , auchnicht wenn ich beide Tabellen auf
140 setze. Durch die CSS anweisungen button und button hoover erreiche
ich eiigentlich hervorrangende Mouseover Effekte mit Css , viellleicht soll ich
die Button mit einem transparentem Gif verlängern . Vielleicht kanst du dir
mein Css und die Tabelle In deinem Editor anschauen .
Gruß Harty

Helmut · 16.08.2004, 13:29

Hi,

probier mal das:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Untitled</title>

<style type="text/css">

<!--

.button { 

font-family:Arial; 

font-size: 10pt; 

color: #FFFFFF; 

background-Color: #ff874f; 

border-left: 2px solid #CCCCCC; 

border-top: 2px solid #CCCCCC; 

border-right: 2px solid #000000; 

border-bottom: 2px solid #000000; 

text-decoration: none; 

width: 140px;

padding: 2px;

margin-bottom: 2px;

} 

.navlinks a { 

display: block;

font-family: Verdana, Arial;

font-size: 12px;

font-weight: bold;

Color: #000000; 

background-Color: #ffba95; 

border-left: 2px solid #CCCCCC; 

border-top: 2px solid #CCCCCC; 

border-right: 2px solid #000000; 

border-bottom: 2px solid #000000; 

text-decoration: none; 

width: 100%; 

padding: 2px;

margin-bottom: 2px;

} 

.navlinks a:hover { 

Color: #000000; 

background-Color: #ff9966; 

border-left: 2px solid #000000; 

border-top: 2px solid #000000; 

border-right: 2px solid #cccccc; 

border-bottom: 2px solid #cccccc; 

text-decoration: none; 

width: 100%;

margin-bottom: 2px; 

} 

-->

</style>

</head>

<body>

<table width="140" cellspacing="0" cellpadding="0" border="0">

<tr>

    <td>

<div class="button">[b]Rubrik 1[/b]</div>    

<div class="navlinks">

[url=index.html]Startseite[/url]

[url=index.html]Zentrales Bergland[/url]

[url=index.html]Impressum[/url]

</div>    

<div class="navlinks">

<div class="button">[b]Rubrik 2[/b]</div>    

[url=index.html]Weiterer Link 1[/url]

[url=index.html]Weiterer Link 2[/url]

</div>    

    </td>

</tr>

</table>

Schaut im IE und Mozilla gut aus...

Cu Helmut

Harty · 16.08.2004, 15:29

Hallo Helmut
Super oberaffengeil , Firefox hat unwahrscheinliche Darstellungsfehler.
Deine Lösung funktioniret , musste nur bei den 2 Nav Css aus !00% 140px
machen .
Ich bedanke mich bei allen für die freundliche und schnelle Hilfe , bin jetzt
Happy und kann weiterarbeiten.
Gruß Harty

~~Hulot~~ · 16.08.2004, 16:30

Salve!

Zitat:Firefox hat unwahrscheinliche Darstellungsfehler.

Und um welche sollen es sich denn handeln? :?:
Nun, ich bin sehr gespannt ...

Gruß Hulot

Helmut · 16.08.2004, 17:17

@Hulot,

er meint der IE ist Fehlertoleranter :shock:

Cu Helmut

Harty · 16.08.2004, 19:10

Schönen Guten Abend !

Helmut hat mich richtig interpretiert , mit Firefox meinem Lieblingsbrowser
muss man sauberer arbeiten und das ist noch nicht einmal schlecht.
So lerne ich auf jeden Fall mehr , da ich mehr auf Feinheiten achten muss.
Wäre sonst eventuell nicht im Forum gelandet.

Harty

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Tabellen problem	Führmann	32	6.504	27.10.2009, 00:18 Letzter Beitrag: Unkraut
	Lässt sich das Menü erweitern?	Andreas69	10	3.372	04.11.2008, 14:33 Letzter Beitrag: Andreas69
	Tabellen anders gestalten	Andreas69	13	3.352	17.04.2008, 15:51 Letzter Beitrag: Andreas69
	Menü erweitern?	Iceangel	2	1.336	21.06.2007, 21:22 Letzter Beitrag: Iceangel
	Frage wegen "Bildhover" und menü "auslagern"	phil100	2	2.346	09.04.2007, 11:10 Letzter Beitrag: Helmut
	Buttons im Menü verschieben..?	borgi	2	1.388	17.03.2007, 17:53 Letzter Beitrag: Helmut
	HP mit Tabellen	thilosmaus	4	1.662	02.09.2006, 18:47 Letzter Beitrag: thilosmaus
	bewegtes menü	Ann	1	1.190	26.08.2006, 01:35 Letzter Beitrag: Hulot
	Menu mit Untermenu	zammthing	1	1.277	18.08.2006, 17:42 Letzter Beitrag: Helmut
	Menü-Untermenü...?	borgi	14	4.690	01.08.2006, 13:25 Letzter Beitrag: Helmut