Antworten zum Thema „menü positionieren“

[mondbine]

huhu und frohe weihnachten euch allen.
ich versuch mich grade nochmal an meiner hp.
habe auch nur 2 "kleine" probleme, wobei ich erstmal nur das 1. anspreche.
und zwar ist es vielleicht machbar, das unter und über dem menü noch ein ca. 10px breiter streifen zu sehen ist?
hoffe ihr versteht was ich meine
klick zur site

viele liebe grüße
bine

 

[freeek]

AW: menü positionieren

Du musst über dem Menü nochn <tr></tr> einfügen, also noch eine Zeile. Den Streifen machst du..ich glaub das geht i-wie mit Colspan -> <tr colspan="10"> i-wie so war das, muss nochma nachgucken.

 

[mondbine]

AW: menü positionieren

nein das ist es leider nicht.

das ist der teil fürs menü auf index.html

<table id="menu2" width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="14%" ><a href="index.html" onfocus="this.blur()">Kontakt</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Home</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Preise</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Impressum</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Shop</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Angebote</a></td>
</tr>
</table>



und das hier einmal aus der css datei

/* menue oben */

.buleiste {

height:36px;
}

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#ffffff;

text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #9B9B9B;
border-right:solid 1px #9B9B9B;
border-bottom:solid 1px #9B9B9B;
border-top:solid 1px #9B9B9B;
line-height:36px;
text-align:center;
background-image:url(aa.gif);
}


#menu2 a:hover {background-color:#000000;color:#808080; text-decoration:none ;
background-image:url(aa.gif);
border-left:solid 1px #9B9B9B;
border-bottom:solid 1px #9B9B9B;
border-top:solid 1px #9B9B9B;
}

 

[Schiller1971]

AW: menü positionieren

<tr> </tr> ist glaube ich nur eine Tabellenzeile wenn mich nicht alles täuscht. hab mal auf meiner Seite nachgeschaut.
Hab dort in der Zeile für den Streifen/Linie folgenden Code stehen:
<td> <hr width="80%" align="center" hr color="#FF00E0" noshade size="3"> </td>
ist eine rosa Linie die 80% der Seitenbreite einnimmt und keinen Schatten anzeigt.
Hoffe ich sag da jetzt was richtiges und konnte helfen.

GlG

 

[tiroler]

AW: menü positionieren

du musst einen Innenabstand beifügen und das geht mit padding

schau hier:SELFHTML: Navigationshilfen / Kurzreferenz: CSS

lg tiroler

 

[The_Saint]

AW: menü positionieren

.
.
.
#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#ffffff;

text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;

.
.
.

padding-bottom: 0px; padding-top:0px;

ändere diese beiden werte in der css-datei mal auf 10px, also

padding-bottom: 10px; padding-top:10px;

meinst du das so !?

und was mir noch aufgefallen ist,

<td id="fussb" width="100%">

www,hobbyfotographin,detd> <- hier musst du in deiner html-datei noch ein richtiges abschluss-tag draus machen... -> </td>



du benutzt für das seitenlayout tabellen, das ist old-school. versuche es mal mit div-containern.

gruss,
saint

 

[mondbine]

AW: menü positionieren

scheonmal vielen dank.
nur mit dem padding vergrößern sich nur die buttons. ich möchte aber gerne eine durchgend weiße schwarze linie oben und unten drunter

 

[mondbine]

AW: menü positionieren

ah puh, danke

ich glaube ich bleibe doch bei meiner alten "framesetart", da weiß ich weningstens wie es im groben und ganzen geht.

 

[Montesuma]

AW: menü positionieren

Warum machst Du es nicht so:

<table id="menu2" width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="7" height="10"></td>
</tr>
<tr>
<td width="14%" ><a href="index.html" onfocus="this.blur()">Kontakt</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Home</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Preise</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Impressum</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Shop</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Angebote</a></td>
</tr>
</table>