+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Menü mit Tabellen (/showthread.php?tid=19158)
Seiten:
1
2
Menü mit Tabellen - Harty - 15.08.2004
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.
Menü mit Tabellen - Hulot - 15.08.2004
Salve und willkommen!
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
Menü mit Tabellen - Harty - 15.08.2004
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>
Menü mit Tabellen - Jürgen - 16.08.2004
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/tutorial/css/index.php?show=cssmenue1
Gruß
Jürgen
Menü mit Tabellen - Harty - 16.08.2004
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
Menü mit Tabellen - Helmut - 16.08.2004
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
Menü mit Tabellen - Harty - 16.08.2004
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
Menü mit Tabellen - Hulot - 16.08.2004
Salve!
Zitat:Firefox hat unwahrscheinliche Darstellungsfehler.Und um welche sollen es sich denn handeln? :?:
Nun, ich bin sehr gespannt ...
Gruß Hulot
Menü mit Tabellen - Helmut - 16.08.2004
@Hulot,
er meint der IE ist Fehlertoleranter :shock:
Cu Helmut
Menü mit Tabellen - Harty - 16.08.2004
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