Hallo ich habe eine GTA Community und ich lerne auch grad html !! Und habe da ein Design von ein bekommen so und jetzt wollte ich fragen wie ich meine zweite navi direkt daneben kriege bei mir ist die nur über den Design!
Hier ein Screen:
<!-- m --><a class="postlink" href="http://file1.npage.de/004384/96/bilder/2009-07-12_172308.png">http://file1.npage.de/004384/96/bilder/ ... 172308.png</a><!-- m -->
Wie kriege ich das es links neben dem Design in der mitte ist???
Bitte um Hilfe!!!!!!!!! 
Zitat von "Dustin22"und jetzt wollte ich fragen wie ich meine zweite navi direkt daneben kriege bei mir ist die nur über den Design!
Hier ein Screen:
<!-- m --><a class="postlink" href="http://file1.npage.de/004384/96/bilder/2009-07-12_172308.png">http://file1.npage.de/004384/96/bilder/ ... 172308.png</a><!-- m -->
Wie kriege ich das es links neben dem Design
<!-- m --><a class="postlink" href="http://www.html-seminar.de/design_per_css_-_float.htm">http://www.html-seminar.de/design_per_css_-_float.htm</a><!-- m -->
Zitat von "Dustin22"in der mitte ist???
Bitte um Hilfe!!!!!!!!!
<!-- m --><a class="postlink" href="http://www.webmaster-crashkurs.de/layout-mittig-ueber-css.htm">http://www.webmaster-crashkurs.de/layou ... er-css.htm</a><!-- m -->
Bitte erst das erste Prinzip verstehen (siehe erster Link) und dann das mittige (siehe Link 2).
Viel Erfolg
1. der style-Tag kommt in den head-Bereich!
<head>
.
.
.
<style>
<!--
###Definitionen###
->
</style>
.
.
.
</head>
2. Das liegt daran, dass du das Layout mit Tabellen machst.
Den Aufbau von Tabellen hast du aber offensichtlich noch nicht verstanden.
<tr> erzeugt eine Zeile
<td> innerhalb der Zeile eine Zelle.
Du hast sowohl für die Navi als auch für den Text-Bereich ein <tr> definiert, damit kriegst du zwei Zeilen und die Navi ist obendrüber.
Nebenbei rate ich dir vom Tabellendesign ab, das macht man heute einfach nicht mehr. Lern CSS zusammen mit HTML, Tabellen sind nur noch zur Darstellung von Daten da!
Greetz
Laura
Naja, entweder
1. Keine Tabellen benutzen (wäre sowieso besser) und es mit dem Beispiel von axel machen.
oder
2. wenn du es bei den Tabellen belassen willst, ist das ganze eine Zeile, demnach brauchst du auch nur eine Zeile:
<body>
<table>
<tr>
<td>
Navi
</td>
<td>
Inhalt
</td>
</tr>
</table>
</body>LG
Laura
Ich vermute, du musst dem ganzen noch eine Breite geben. Zeig mal deinen Code her
mach doch einfach ein CSS design draus anstadt ein Tabellenlayout.
Das ist viel einfacher
Damit nicht alle das Design ist für ein Projekt und darum kann ich kein neues einfach so machen =D und zweiten ih kann gar net designen!
Also hier der html code von der ganzen sache:
<!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>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>GTA Community</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<style>
#navi {
float:left;
background-color:thistle;
width: 150px;
}
ul#navlist
{
margin: 0 0 0 30px;
padding: 0;
width: 12.5%;
}
#navlist li
{
list-style-type: none;
background-color: #000000;
color: #daa520;
border: .2em solid #daa520;
font-weight: 600;
text-align: center;
padding: .3em;
margin-bottom: .1em;
}
#navlist li a
{
color: #daa520;
text-decoration: none;
display: block;
}
#navlist li a:hover
{
background-color: #FFFFFF;
color: #191970;
}
</style>
<body>
<table border=0 align=center style="background-color:#21201F;">
<tr>
<td id="header"><h1> GTA Community</h1></td>
</tr>
<tr>
<td>
<table border=0 align=center>
<tr>
<td id="menu"><a href="#">Home</a></td>
<td id="menu"><a href="#">GTA</a></td>
<td id="menu"><a href="#">GTA Vice City</a></td>
<td id="menu"><a href="#">GTA San Andreas </a></td>
<td id="menu"><a href="#">GTA 4</a></td>
<td id="menu"><a href="#">Forum</a></td>
<td id="menu"><a href="#">Impressium</a></td>
</tr>
<td>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">GTA Vice City</a></li>
<li><a href="#">Cheats</a></li>
<li><a href="#">Mods,Skins,Maps usw</a></li>
<li><a href="#">GTA Vice City online spielen?</a></li>
</ul>
</td>
</table>
</td>
</tr>
<tr>
<td>
<table border=0 width=100%>
<tr>
<td valign=top width="66%" id="content">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <a href="#">tmz recordz</a>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</td>
<td width=1% style="background: url(stripe.jpg) repeat-y;"></td>
<td valign=top width="33%" id="news">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align=center id="footer">Copyright 2024 Companyname | design by <a href="http://www.tamilwebstylez.tk">tamilwebstylez</a></td>
</tr>
</table>
</body>
</html>
Sry, ich steig durch den Code nicht mehr durch.
Probiers mal hiermit:
<!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>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>GTA Community</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<style>
* {
margin: 0;
padding: 0;
}
ul#navi1 {
border: 1px solid black;
padding: 5px;
height: 26px;
margin: 10px;
}
ul#navi1 li {
list-style: none;
float: left;
margin-left: 15px;
font-size: 14px;
line-height: 16px;
}
ul#navi2 {
border: 1px solid black;
width: 12%;
min-height: 200px;
padding: 5px;
float: left;
margin: 10px;
}
ul#navi2 li {
list-style: square;
margin-left: 20px;
}
div#content {
min-height: 200px;
padding: 5px;
border: 1px solid black;
float: left;
margin: 10px;
width: 70%;
}
div#footer {
font-size: 13px;
line-height: 25px;
height: 25px;
border: 1px solid black;
margin: 10px;
}
</style>
<body>
<ul id="navi1">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<br clear="all"/>
<ul id="navi2">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
<div id="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<br clear="all" />
<div id="footer"></div>
</body>
</html>Ich habs einfach komplett neu geschrieben.
Versuchs, zu verstehen, Tabellen verwendet man einfach nicht mehr, das ist ganz einfach falsch.
LG
Laura
hat sich schon erledigt^^ achja und nochmals danke!!!!!
Kein Probem
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!