Antworten auf deine Fragen:
Neues Thema erstellen

css frage ANFÄNGER

T

Top_Gun

Aktives Mitglied

AW: css frage ANFÄNGER

Ich glaub ich versteh dich nicht ganz... Kannst du mit Screenshots oder paar Skizzen zeigen was du meinst?
 

S

schlendrian

Noch nicht viel geschrieben

AW: css frage ANFÄNGER

klar mach ich das . also so sieht es mit der richtigen navigation aus

Jetzt möchte ich gerne auf der rechten seite noch so ein fenster haben wo ich unter news schreibe habe mir schon eine box formatiert aber wie gesagt dann rutsch es rechts mit runter .
 
T

Top_Gun

Aktives Mitglied

AW: css frage ANFÄNGER

Hmm so richtig weiß ich noch nicht was du vorhast... soll der newskasten immer dort sein?

Ich könnte mir vorstellen, dass lediglich das entsprechende float fehlt... aber ohne zu wissen wie das endergebnis aussehen soll kann ich jetzt gerade nicht genau helfen. Oder ich stehe einfach selber auf dem Schlauch...
 
L

leohh

CSS verliebt

AW: css frage ANFÄNGER

1. Fall:
Du moechtest deine Newsbox ausserhalb haben, dann notierst du den Teil mit der NB unterhalb des Menues und floatest es nach rechts weg.

2. Fall:
Du moechtest deine Newsbox unterhalb, dann tust du ueberhaupt nichts tun, denn du kannst es einfach unterhalb deines Menues notieren und wenn du ein Blockelemente (div, p, blockqoute etc. ) hernimmst, dann ist das auch sauber.

Dein Menue ist das reinste gewurschtel:
Code: 
<ul class="nav">
<li id="lorem"><strong>Ueberschrift uno</strong></li>
<li id="ipsum">......</li>
<li id="dolor">....</li>

<ul class="nav">
<li id="sit"><strong>Ueberschrift duo</strong></li> 
<li id="amed">....</li>
<li id="consectetur">....</li>
....
</ul>
Es macht so wie du es tun tust, keinen grossen Sinn
Zum besseren Verstaendniss, solltest du einfach mal ein Livebeispiel hergeben, den Fehler sieht man ja dann als geuebter und wenn nicht, hilft die Glaskugel
 
S

schlendrian

Noch nicht viel geschrieben

AW: css frage ANFÄNGER

ja sorry ich kann damit noch nich richtig um gehen also so sollte das aussehen :

und mein quelltext
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-image: url(hintergrund-1.jpg);
background-repeat: repeat;
margin: 0px;
padding: 0px;
background-attachment: fixed;
}
#Hintergrundgrau {
width: 800px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
#Balken {
margin-right: auto;
margin-left: auto;
overflow: hidden;
width: 120px;
height: 500px;
margin-top: 25px;
}
#Überschrift {
width: 800px;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
overflow: hidden;
}
#Navigation {
padding-top: 40px;
height: 12px;
width: 800px;
overflow: visible;
}
#Navigation li {
display: inline;
}
#Navigation lu {
list-style-type: none;
text-decoration: none;
}
#Navigation li a {
padding-right: 30px;
padding-left: 30px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
#Aktiv-auf {
color: #000;
text-decoration: none;
float: left;
padding-left: 48px;
list-style-type: none;
padding-top: 10px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
#Hecht-zander-barsch-Aal-Friedfisch {
margin-left: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
}
#Hecht-zander-barsch-Aal-Friedfisch li {
padding-top: 5px;
}
#Hecht-zander-barsch-forelle {
color: #0F0;
padding-left: 70px;
padding-top: 45px;
}
#Hecht-zander-barsch-forelle li {
color: #FFF;
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
}
#Newskasten {
background-color: #6F0;
height: 218px;
width: 200px;
margin-left: 600px;
margin-top: 10px;
margin-right: 2px;
float: right;
}
#LinkeNavigation {
width: 170px;
padding-right: 20px;
padding-top: 20px;
background-repeat: no-repeat;
}
#Boot {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
list-style-type: none;
margin-left: 6px;
}
#Ansitz-auf {
padding-top: 0px;
margin-left: 6px;
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
margin-top: 0px;
}
#Ansitz-auf li {
top: 444px;
right: 44px;
clip: rect(auto,auto,44px,auto);
}
#Schleppen-Jiggen-Dropshot {
color: #FFF;
list-style-type: disc;
margin-left: 30px;
}
#Schleppen-Jiggen-Dropshot li {
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<div id="Hintergrundgrau" style="background-image:url(layout.jpg); width:800px; height:600px;">
<div id="Überschrift" style="background-image:url(überschrift.gif); width:800px; height:600px;">
<div id="Balken" style="background-image:url(Balken.png); width:800px; height:600px;">
<div id="Navigation"><lu><li><a href="Fangbilder.html">Fangbilder</a></li><li><a href="Ausrüstung.html">Ausrüstung</a></li><li><a href="Testberichte.html">Testberichte</a></li><li><a href="Gewässer">Gewässer</a></li><li><a href="Gästebuch">Gästebuch</a></li><li><a href="Kontakt">Kontakt</a></li></div>

<div id="LinkeNavigation">
<ul id="Aktiv-auf"><li>Aktiv auf :</li></ul>
<ul id="Hecht-zander-barsch-forelle"> <li>Hecht</li><li>Zander</li><li>Barsch</li><li>Forelle</li></ul>
<ul id="Ansitz-auf"><li>Ansitz auf :</li></ul>

<ul id="Hecht-zander-barsch-Aal-Friedfisch"><li>Hecht</li><li>Zander</li><li>Barsch</li><li>Aal</li><li>Friedfisch</li></ul>
<ul id="Boot"><li>Boot :</li></ul>
<ul id="Schleppen-Jiggen-Dropshot"><li>Schleppen</li><li>Jiggen</li><li>Drop Shot</li></ul>


</div>

</ul>
</body>
</html>
 
L

lucy_lawless

XHTML/CSS Fetischistin

AW: css frage ANFÄNGER

#Navigation lu {
list-style-type: none;
text-decoration: none;
}
Zum Vergrößern anklicken....

da hat schon jemand anggemerkt, dass ihm "lu" nicht bekannt ist. ich glaub du meinst wohl deine ul aus der liste. da wär auf jeden fall schon mal EIN fehler. auch ist mir nicht ganz klar, was du mit deinen hecht, zander, forelle etc. ids bezweckst...
 
S

schlendrian

Noch nicht viel geschrieben

AW: css frage ANFÄNGER

lucy_lawless schrieb:
da hat schon jemand anggemerkt, dass ihm "lu" nicht bekannt ist. ich glaub du meinst wohl deine ul aus der liste. da wär auf jeden fall schon mal EIN fehler. auch ist mir nicht ganz klar, was du mit deinen hecht, zander, forelle etc. ids bezweckst...
Zum Vergrößern anklicken....

das ich jede liste einzeln formatieren kann , dachte ich mir so
 
sokie

sokie

Mod | Web

AW: css frage ANFÄNGER

Hallo schlendrian,

so sch ist das eigentlich nicht. Du hast ja nun eine klare Vorstellung, wie deine Liste aussehen soll, und was drin stehen soll. und das ist wirklich schon mehr als die halbe Miete:)

der Tipp, die listenelement im Code per Zeilenumbruch sauber darzustellen ist sehr gut, weil das übersicht schafft und bei der fehlersuche hilft.
(dazu musst du natürlich an der Stelle in der Code-Ansicht arbeiten.)
Code: 
<div id="navigationsenkrecht">

  <h3>aktiv auf:</h3>
  <ul id="aktiv">
    <li>Zander</li>
    <li>Barsch</li>
    <li>Forelle</li>
  </ul>
  
  <h3>Ansitz auf</h3>
  <ul id="ansitz">
    <li>Hecht</li>
    <li>Zander</li>
    <li>Barsch</li>
    <li>Forelle</li>
  </ul>
  
  <h3>Boot</h3>
  <ul id="boot">
    <li>Schleppen</li>
    <li>Drop Shot</li>
    <li>Jiggen</li>
  </ul>
</div><!--hier Endet die linke navigationsspalte-->

im css ist interessante Aufgabe die zu formatierenden Element möglichst geschickt auszuwählen.
hier sollen zB alle listenelemente ("li") eine eineitliche Schriftgrösse haben und natürlich ohne listenpunkte dargestellt werden:
Code: 
#navigationsenkrecht li{
  list-style: none;
  font-size: 13px; /*nur als Beispiel*/
}

die Überschriften ('h3') sollen in dem Bereich eine bestimmte Grösse haben:
Code: 
#navigationsenkrecht h3{
  font-size: 16px; /*auch hier nur als Beispiel*/
}
usw...

an dieser Stelle schon mal dran denken, dass die listeneinträge noch verlinkt werden müssen, und dann weitere Formatierungen für ("a") Elemente kommen.

ein Hinweis noch zu Überschriften.
<div id="ueberschrift"> ist nicht nur schlechter Stil - es ist auch strukturell falsch. Eine Überschrift lässt sich viel einfacher und richtiger mit <h1>Überschrift erster Ordnung</h1> darstellen.
 
S

schlendrian

Noch nicht viel geschrieben

AW: css frage ANFÄNGER

oh danke , das war mal gut erklärt.
jetzt habe ich das problem mit dem browsern . in firefox sieht meine navigation gut aus und in internet explorer ist sie über dem wo sie seien sollte . muss ich da irgendwo einen wert eingebn oder hat das auch was mit den floatenden divs zu tun ?
 
sokie

sokie

Mod | Web

AW: css frage ANFÄNGER

ich vermute mal nach deiner Beschriebung des Problems, dass deine beiden 'floats' zusammen die Breite des umgebenden Containers haben. Im Firefox funktioniert das so, der Internetexplorer macht da ein Problem. Eine Lösung könnte sein, einen der Container um 3 pixel kleiner (width) zu machen.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 244 (Mitglieder: 11, Gäste: 233)
Robots: 1.116

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben