nicht angemeldet
Hilfe! Zeilenumbruch problem!!
suitAusrufezeichen Hilfe! Zeilenumbruch problem!!
Hallo Leute,
ich muss immoment in Rahmen eines projektes ein online Portfolio erstellen.
Am oberen rand der website habe ich links das Logo und auf der selben höhe die Navigationsbutton.
So sollte es zumindestens aussehn. in Explorer klappt dies auch prima aber Firefox will nicht so ganz mitspielen und macht nach den Logo einen Zeilenumbruch.
hier ist der Quelltext! danke im vorraus!!
Es geht vorallem um diesen part hier:
...<div id="menu">
<a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
<p id="menutext">
<a href="motion.html">motion |</a>
<a href="still.html">| still |</a>
<a href="study.html">| study |</a>
<a href="literature.html">| literature |</a>
<a href="cv.html">| cv |</a>
<a href="contact.html">| contact </a>
</p>
</div>....
und hier der komplette:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ChristianKasper | 2008</title>
<link rel="stylesheet" type="text/css" href="style.css"></link>
</head>
<body>
<div id="menu"><nowrap="nowrap">
<a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
<p id="menutext">
<a href="motion.html">motion |</a>
<a href="still.html">| still |</a>
<a href="study.html">| study |</a>
<a href="literature.html">| literature |</a>
<a href="cv.html">| cv |</a>
<a href="contact.html">| contact </a>
</p>
</nowrap>
</div>
<div id="bg"></div>
<div id="post">
<div class="portfolioBlock">
<h2>
Written on <strong>Monday</strong>, 05 of January, 2009 at 9:53 pm
</h2>
<br />
<img src="fenkeladd.jpg" width="292" height="413" alt="Fennel"></img>
<h1>
TEXTTEXTEXTTEXTTEXTTEXTTEXTTEXTTEXT
</h1>
</div>
</div>
</body>
</html>
und der stylesheet:
a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
body {
height:100%; /* Max 100% hoogte in IE */
max-height:100%; /* Max 100% hoogte in browsers */
background-color:#FFFFFF;
background-image: url('bg1.png');
margin:0;
padding:0;
}
/* Text */
h1 {
font-size:13px;
margin:0;
margin-left:5px;
font-weight:normal;
color:#333333;
background-color:#FFFFFF;
}
/*update/info */
h2 {
font-size:11px;
margin:0;
margin-left:5px;
font-weight:normal;
color:#333333;
background-color:#FFFFFF;
border-bottom:2px solid #333333;
}
/*aktuelle Seite*/
h4{
background-color:#FFFFFF;
font-weight:100;
font-family:Kalinga;
font-size:17px;
letter-spacing:-0.05em;
font-variant:small-caps;
}
img{
border: none;
}
#menu{
margin-left: 0.5%;
margin-top: 0.5%;
}
/*menu navigation*/
#menutext{
position: absolute;
margin-top: 5px;
margin-left:10%;
font-family:Kalinga;
font-size:20px;
letter-spacing:-0.05em;
font-variant:small-caps;
}
#bg {
position:relative;
top: 0px;
width:1280px;
height:768px;
background-image: url('bg3.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
#post{
width:650px;
position:absolute;
top:35px;
padding:20px 0 0 0;
margin-left: 20%;
}
.portfolioBlock {
padding:5px;
background-color:#FFFFFF;
background-image: url('bg1.png');
border:1px solid #CCCCCC;
}
PS: wichtig ist, das es noch valide bleibt.
-
Hi,
Am oberen rand der website habe ich links das Logo und auf der selben höhe die Navigationsbutton.
Das Logo ist ebenfalls verlinkt, gehoert also eigentlich vom Inhalt her mit zur Navigation - wieso reisst du es aus dieser heraus?
Und warum nutzt du einen Textabsatz zur Gruppierung der Navigationslinks? Diese sind kein Fliesstext. Vernuenftig und sinnvoll waere, sie in eine Liste zu stecken.
So sollte es zumindestens aussehn. in Explorer klappt dies auch prima aber Firefox will nicht so ganz mitspielen und macht nach den Logo einen Zeilenumbruch.
Natuerlich, P ist ja auch ein Block-Element.
Du hast es zwar absolut positioniert - aber keinerlei Koordinaten angegeben, so dass es sich zunaechst so verhaelt, als waere es normal im Fluss.PS: wichtig ist, das es noch valide bleibt.
Und wieso baust du Scherzkeks dann so einen Unsinn wie <nowrap="nowrap"> ein?
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Das Logo ist ebenfalls verlinkt, gehoert also eigentlich vom Inhalt her mit zur Navigation - wieso reisst du es aus dieser heraus?
ja stimmt gehört eigentlich auch dazu. aber wegen gestalterischen zwecken möchte ich das das logo ganz links ist. und die egtl navigationsbutton in der mitte.
Und wieso baust du Scherzkeks dann so einen Unsinn wie <nowrap="nowrap"> ein?
ohh das habe ich nur mal eben zum test eingesetzt ansonsten ist es 100% valide.
ich habe nun nicht ganz verstanden was ich machen muss.
also kein <p> gebrauchen? was kann cih ansonsten gebrauchen?-
Hallo,
also kein <p> gebrauchen? was kann cih ansonsten gebrauchen?
<ul>
mfg, Flo
--
sh:) fo:| ch:? rl:( br:^ n4:| ie:{ mo:| va:} de:> zu:} fl:{ ss:) ls:< js:| -
-
-
-
Ausrufezeichen Hilfe! Zeilenumbruch problem!!
Denkste
Am oberen rand der website habe ich links das Logo und auf der selben höhe die Navigationsbutton.
So sollte es zumindestens aussehn. in Explorer klappt dies auch prima aber Firefox will nicht so ganz mitspielen und macht nach den Logo einen Zeilenumbruch.
hier ist der Quelltext! danke im vorraus!!
Es geht vorallem um diesen part hier:...<div id="menu">
<a href="main.html"><img src="logo1.jpg" alt="Home"/></a>
Floate diesen link mit der CSS Eigenschaft float
und
verwende hier besser auch eine Liste,
Die Listenpunkte kannst du auch Floaten
Statt Zahnstocker verwende die CSS border Eigenschaft.<p id="menutext">
<a href="motion.html">motion |</a>
<a href="still.html">| still |</a>
<a href="study.html">| study |</a>
<a href="literature.html">| literature |</a>
<a href="cv.html">| cv |</a>
<a href="contact.html">| contact </a>
</p>
</div>....> > und hier der komplette: Kein Bock > PS: wichtig ist, das es noch valide bleibt. Kümmere dich um semanitisch sinnvolles Markup. mfg Beat -- ><o(((°> ><o(((°> <°)))o>< ><o(((°>o Der Valigator leibt diese Fische-
»» PS: wichtig ist, das es noch valide bleibt.
Kümmere dich um semanitisch sinnvolles Markup.
mfg Beat
valide muss es bleiben weil es zum ziel des projektes gehört.
ansonsten wäre es mir ziemlich egal.
was meinst du genau mit float? wie muss cih das einsetzen?-
Hi,
Kümmere dich um semanitisch sinnvolles Markup.
valide muss es bleiben weil es zum ziel des projektes gehört.
ansonsten wäre es mir ziemlich egal.Sorry, aber das ist kompletter Quark.
Validitaet ist kein Selbstzweck; und valider, aber strukturell nicht sinnvoller Code ist immer noch Murks.was meinst du genau mit float? wie muss cih das einsetzen?
Wenn dir das Stichwort nichts sagt - dann informiere dich darueber.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“-
Hi,
»» > Kümmere dich um semanitisch sinnvolles Markup.
»»
»» valide muss es bleiben weil es zum ziel des projektes gehört.
»» ansonsten wäre es mir ziemlich egal.Sorry, aber das ist kompletter Quark.
Validitaet ist kein Selbstzweck; und valider, aber strukturell nicht sinnvoller Code ist immer noch Murks.tja ganz meiner meinung. ist aber so vorgegeben, anders bekomme ich die pkt nicht.
also muss valide sein.
werde mir mal float ansehn...-
Mahlzeit ckasper1985,
tja ganz meiner meinung. ist aber so vorgegeben, anders bekomme ich die pkt nicht.
Du willst also Punkte bekommen, nicht verstehen, was Du tust. Interessant.
also muss valide sein.
Wenn Du nicht verstehst, WARUM es sinnvoll ist, valide Seiten zu bauen, dann ist es sinnlos, auf Teufel-komm-raus auf Validität zu pochen.
werde mir mal float ansehn...
<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=Tu das> ...
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
-
-
-
-