Frage stellenHallo liebe Foren-Mitglieder,
ich versuche gerade mir erfolglos CSS beizubringen und will meine ganze Seite darauf umbauen. Ich habe schon viele Grundlagen gelesen und einen gewissen Teil verstanden. Trotzdem gibt mir die Programmierung immer wieder Rätstel auf.
Ich habe eigentlich mein horizontales Menü nach Anleitung gebaut, zumindest weiß ich eigentlich, was die einzelnen Befehle machen sollen. Trotzdem schaffe ich es nicht, dass die 5 Buttons schön nebeneinander sitzen und richtig dargestellt werden.
Was mache ich falsch?
Hier mal der Link zu der Seite: http://www.hirnwiese.de/Testlabor/Index.html
und hier die CSS Datei http://www.hirnwiese.de/Testlabor/main.css
Wäre Super wenn mir jemand erklären könnte wo der Fehler liegt und ich dies dann selbstständig hinbekomme.
Bin noch Anfänger aber lernfähig, sodenn man Geduld mit mir hat.
Vielen Dank für die Hilfe.
Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster
Probleme mit horizontalem Menü
4 Beiträge • Seite 1 von 1
Probleme mit horizontalem Menü
von Heelix » 19.08.2010, 22:42
- Heelix
- neu hier
- Beiträge: 5
- Registriert: 19.08.2010, 22:30
Re: Probleme mit horizontalem Menü
von Heelix » 19.08.2010, 23:15
Nachtrag:
Ich habe jetzt mal alle Buttons noch mit align="left" versehen. Sieht jetzt besser aus, ist das aber die Lösung für eine saubere Programmierung? Außerdem ist darunter noch eine hässliche Lücke... Mir scheint aber, wir lösen das Problem bald...
Hier der Link der neuen Seite: http://www.hirnwiese.de/Testlabor/Index_2.html
Ich habe jetzt mal alle Buttons noch mit align="left" versehen. Sieht jetzt besser aus, ist das aber die Lösung für eine saubere Programmierung? Außerdem ist darunter noch eine hässliche Lücke... Mir scheint aber, wir lösen das Problem bald...
Hier der Link der neuen Seite: http://www.hirnwiese.de/Testlabor/Index_2.html
- Heelix
- neu hier
- Beiträge: 5
- Registriert: 19.08.2010, 22:30
Re: Probleme mit horizontalem Menü
von sejuma » 20.08.2010, 06:39
Besser ist es, wenn du die li's floatest.
Der navi-Div ist unnötig, wenn du dessen Klasse direkt ul mit einigen Eränzungen zuweist.
Dann kannst du auf einige Angaben verzichten bzw. kürzen.
Ich hab mal etwas aufgeräumt:
Der navi-Div ist unnötig, wenn du dessen Klasse direkt ul mit einigen Eränzungen zuweist.
Dann kannst du auf einige Angaben verzichten bzw. kürzen.
Ich hab mal etwas aufgeräumt:
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pflücke die Gedanken der Hirnwiese</title>
<style type="text/css">
body {
margin: 0px;
background-color: #206313;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {width: 850px; margin: 0 auto; }
.Headlines {
font-size: 14px;
text-transform: uppercase;
color: #666666;
}
.Text {
font-size: 10px;
color: #000000;
}
.navigation {
list-style-type: none;
border: 2px solid #ccc;
margin: 0px;
height: 30px;
}
.navigation li {
list-style:none;
float: left;
}
.navigation img {display: block;}
.main {
background-image: url(Bilder/backgr.jpg);
background-repeat: repeat;
color: #FFFFFF;
text-align: justify;
text-indent: 10px;
clear: both;
}
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<img src="Bilder/hirnwieseTop.jpg" alt="Logo" />
<ul class="navigation">
<li><a href="index.html"><img src="Bilder/home.jpg" alt="home" width="160" height="30" border="0" /></a></li>
<li><a href="login.html"><img src="Bilder/login.jpg" alt="login" width="160" height="30" border="0" /></a></li>
<li><a href="kreativsein.html"><img src="Bilder/kreativ.jpg" alt="text" width="160" height="30" border="0" /></a></li>
<li><a href="comix.html"><img src="Bilder/comix.jpg" alt="impressum" width="160" height="30" border="0" /></a></li>
<li><a href="Wiesenblog.html"><img src="Bilder/wiesenblog.jpg" alt="wiesenbl" width="160" height="30" border="0" /></a></li>
</ul>
<div class="main">
<p>Hier kommt der Haupttext rein. <br />
</p>
<p>Das dürfte kein Problem sein. </p>
<p>Aber was ist mit den Buttons? </p>
<p> </p>
<p> </p>
<p> </p>
<p>Hier unten will ich auch text</p>
<p> </p>
</div>
<p> </p>
<p> </p>
</div>
</div>
</body>
</html>
- sejuma
- Vielposter
- Beiträge: 787
- Registriert: 15.07.2009, 17:46
Re: Probleme mit horizontalem Menü
von Heelix » 20.08.2010, 22:33
Super, vielen Dank für die Hilfe.
Habe heute auch noch mal den ganzen Tag in einem CSS Buch gelesen und noch einige Fehler gefunden, die ich noch eingebaut hatte.
Zum Beispiel darf man auch nicht display: inline verwenden, wenn man Grafik einbaut. Das geht nur bei Textmenues...
So kann ich auf jeden Fall weiter machen und ich habe das Gefühl, das könnte sogar was werden.
Nochmals Danke.
Habe heute auch noch mal den ganzen Tag in einem CSS Buch gelesen und noch einige Fehler gefunden, die ich noch eingebaut hatte.
Zum Beispiel darf man auch nicht display: inline verwenden, wenn man Grafik einbaut. Das geht nur bei Textmenues...
So kann ich auf jeden Fall weiter machen und ich habe das Gefühl, das könnte sogar was werden.
Nochmals Danke.
- Heelix
- neu hier
- Beiträge: 5
- Registriert: 19.08.2010, 22:30
4 Beiträge • Seite 1 von 1
Moderatoren: Laus, Moderatoren
Ähnliche Beiträge zu "Probleme mit horizontalem Menü"
- ne8.de (wp blog) bitte checken - Probleme mit der Sidebar
- Darstellungsprobleme im IE7 und abwärts
- Neues Layout mit CSS Problemen
- IE8 Menü Problem
- Problem mit IE und Spry-Menü
Zurück zu: Homepage-Check
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast