Umbruch von Links in divs vermeiden??
0 0 
lightfly
Umbruch von Links in divs vermeiden??
Hey Leute!
Habe ein Problem: Wenn ich in einem div-tag mehrere Links nebeneinander stelle, werden die immer umbgebrochen, statt dass alle in einer Zeile bleiben...
Hier einmal der css-code:
---
/* Leiste top */
#leiste_top {
height: 30px;
width: 780px;
background:#2d2d2d;
padding: 0;
margin: 0;
line-height: 30px;
white-space:nowrap;
}
/* Menü top */
#menu_top {
height: 40px;
width: 780px;
background:#2d2d2d;
padding: 0;
margin: 0;
line-height: 30px;
vertical-align: middle;
white-space:nowrap;
}
/* Text Top Menu links */
#menu_top_left {
float: left;
margin-left: 10px;
padding:0;
margin-top:0px;
color:#eeeeee;
font-size:14px;
white-space:nowrap;
border: 1px solid #ffffff;
}
/* Text Top Menu rechts */
#menu_top_right {
float: right;
margin-right:10px;
display: inline;
padding:0;
margin-top:0px;
color:#eeeeee;
font-size:14px;
white-space:nowrap;
border: 1px solid #ffffff;
}
/* Hyperlinks Menü top */
#menu_top_right a, #menu_topright a:link, #menu_topright a:visited {
text-decoration:none;
margin-right: 10px;
white-space:nowrap;
}
#menu_top_right a:hover {
text-decoration:underline;
margin-right: 10px;
white-space:nowrap;
}
---
php:
---
<!-- LEISTE_TOP -->
<div id="leiste_top">
<div id="menu_top_left"><? setlocale(LC_TIME, 'German_Germany'); echo strftime('%A, %d. %B %Y'); ?></div>
<a href="contact.php" id="menu_top_right">
<div id="menu_top_right"><img src="images/mtop_contact.png" id="img_menu"> Kontakt</div></a><div> | </div>
<a href="index.php" id="menu_top_right"><div>admin login</div></a>
</div>
---
Danke! Wär echt super wenn irgendwer einen Trick weiß, so dass es ein tableless design bleiben kann!
LG Helihoppter :)
-
Das geht auch ohne CSS:
<nobr><a ....> lalelu </a></nobr>MfG
-
Hi
<a href="contact.php" id="menu_top_right">
<div id="menu_top_right"><img src="images/mtop_contact.png" id="img_menu"> Kontakt</div></a><div> | </div>
<a href="index.php" id="menu_top_right"><div>admin login</div></a>Wozu brauchst du die <div>'s überall rund um den Text herum? Die sind daran schuld das dir da alles umbricht.
btw. auf <nobr>, wie von jemand anderem vorgeschlagen, würde ich verzichten, du hast es bereits korrekt gemacht mit white-space.