Beiträge von lauras

lauras · 23. Februar 2009

das ist meistens einfacher.

hab das problem gefunden, und auch eine einigermaßen annehmbare lösung.

problem: deine liste erzeugt einen Abstand ober- und unterhalb.
woran das liegt: keine ahnung.

lösung: mit margin-top und margin bottom ist der abstand weg. hier der fertige code:

HTML:

Code

<body>
<div id="bereich">







<div id="navi">
<div id="navitop"></div>
<div id="navimiddle">




<ul>
<li>Home</li>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>...</li>
</ul>




</div>
<div id="navibottom"></div>
</div>










</div>
</body>

Alles anzeigen

CSS:

Code

#bereich {
               width:900px;
               background-color:;
               margin:0 auto;
               text-align:center;
}
#navi {
      width:200px;
      text-align:left;
}
#navitop {
         background-image:url(images/navitop.jpg);
         width:200px;
         height:10px;
         background-repeat:no-repeat;
}
#navimiddle {
            background-image:url(images/navimiddle.jpg);
            background-repeat:repeat-y;
}
#navibottom {
            background-image:url(images/navibottom.jpg);
            width:200px;
            height:10px;
            background-repeat:no-repeat;
} 




ul {
margin-top: 0px;
margin-bottom: 0px;
}

Alles anzeigen

Wichtig dabei: nicht einfach nur mergin angeben, sond verschwinden die punkte der liste, und dann kannst du die auch weglassen

Zum Tabellendesign: man kann auch ganz einfach eine Tabelle erstellen und diese über ein PHP-include einbinden, dann muss man das ganze nicht immer kopieren, das geht bei dieser div-schachtelung auch.

Hoffe es funktioniert jetzt.

LG
Laura

lauras · 22. Februar 2009

schrieb einfach das in den ursprünglichen quellcode, was der validator NZEIGT ,9

lauras · 22. Februar 2009

och vielleciht liest der ersteller dieses threads das ganze ja, dann weiß er wenigstens, dass was falsch ist!

lauras · 22. Februar 2009

du kannst auch n hintergrundbild machen oder die farbe der scrollbalken ändern... alles was man über css eben machen kann;)

lauras · 22. Februar 2009

stimmt, daran hatte ich nicht gdacht...

lauras · 22. Februar 2009

in dem fall nicht, aber wenn man auf validität achtet...

lauras · 22. Februar 2009

ich glaube eher das liegt daran, dass du keinen festen bereich festgelegt hast, mach mal nen div bereich rein und mach das ganze dann vertical-align top und schau mal obs dann funzt...

lauras · 22. Februar 2009

ja aber es kann doch eig nicht sein das der hoster eine valide page nicht mehr valide macht, oder?

lauras · 22. Februar 2009

ne das wär quatsch... es gibt ne möglichkeit über php per include, hab ich auch schon benutzt, aber schon wieder vergessen^^

lauras · 22. Februar 2009

musst du entscheiden, denke man kann das ganze auch verkleinern, außerdem hast du ja in der senkrechten am anfang auch nur soviel, wie du oberpunkte hast, vllt kann man das iwie einstellen, dass man immer nur eins aufhaben kann?

lauras · 22. Februar 2009

die brauchste nur, wenn du das ganze speichern oder versenden willst, wie bei ner mail-funktion oder nem gästebuch.

lauras · 22. Februar 2009

das ganze gibts auch in waagerecht..

lauras · 22. Februar 2009

*gg* ich hab die erklärung malvon nem kumpel gekriegt, und bei mir laufen frames z.B. manchmal im explorer net...

lauras · 22. Februar 2009

des is lustig^^ wenn ich das richtig gelesen hab, besteht der einzige Fehler darin, dass die Werbung von Funpic, die ja erst hinterher dazu kommt, nicht richtig eingebaut wurde^^

lauras · 22. Februar 2009

das sollte ich woher wissen?
man kann.

das war einfach meine meinung zu dem thema, meiner meinung nach sind frames halt nicht gut, also war es eine falsche entscheidung^^

lauras · 21. Februar 2009

Eben nicht. Les mal den ANFANG des Threads bitte, bevor solche Antworten rauskommen.

Der TITEL war Scheiß Frames, es gab ein Problem mit einem Frame, die Diskussion um den <br /> Tag mal weggelassen.

Ich würde eher sagen, dass deine Antwort hier fehl am Platz war/ist.

lauras · 21. Februar 2009

nunja, das erste finde ich eher lästig, außerdem dachte ich er wollte ohne hover?

ich denk dafür ist dieses hier am besten geeignet:

http://www.javarea.de/index.php3?opencat=Javascript&subcat=Navigation&id=470

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Vertical</title>




<style type="text/css" media="screen">
<!--
body
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	overflow: auto;
	padding: 10px;
	margin: 0px;
}




#menu, #menu ul
{
	padding: 0px;
	margin: 0px;
}




#menu li
{
	border: 1px solid #fff;
	list-style-type: none;
	font-weight: bold;
	cursor: pointer;
	display: block;
}




#menu a
{
	text-decoration: none;
	font-weight: normal;
	padding-left: 10px;
	display: block;
}
//-->
</style>




<script type="text/javascript">
<!--
function hideSub()
{
	if (!document.getElementsByTagName)
		return;




	var mnu    = document.getElementById('menu');
	var toplis = mnu.getElementsByTagName('li');




	for (var it = 0; it < toplis.length; it++)
	{
		var sublis = toplis[it].getElementsByTagName('li');




		for (var is = 0; is < sublis.length; is++)
			if (sublis[is].style)
				sublis[is].style.display = (toplis[it].className == 'show') ? 'block' : 'none';
	}
}




function mShow(Me)
{
	if (!Me.getElementsByTagName)
		return;




	var mylis = Me.getElementsByTagName('li');




	if (!mylis)
		return;




	for (j = 0; j < mylis.length; j++)
		mylis[j].style.display = (mylis[j].style.display == 'block') ? 'none' : 'block';
}
//-->
</script>




</head>
<body onload="hideSub();">




<ul id="menu">
  <li class="show" onclick="mShow(this);">Options 1
    <ul>
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 1</a></li>
    </ul>
  </li>




  <li onclick="mShow(this);">Options 2
    <ul>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 2</a></li>
    </ul>
  </li>




  <li onclick="mShow(this);">Options 3
    <ul>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 3</a></li>
    </ul>
  </li>




  <li onclick="mShow(this);">Options 4
    <ul>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 4</a></li>
    </ul>
  </li>
</ul>




</body>
</html>

Alles anzeigen

ist nicht sonderlich kompliziert, und kürzer wird es wohl kaum gehen...

lauras · 21. Februar 2009

kein problem... vllt solltest du nächstes mal einfach eine genaue beschreibung statt eine... skizze... abgeben... nur so als tipp!^^

lauras · 21. Februar 2009

<tr>

<td>
Inhalt
</td>

</tr>

<tr>
<td>
erstes Bild
</td>
<td>
zweites Bild
</td>
</tr>

</table>
_________

lauras · 21. Februar 2009

mmhmmm... probiers mal mit border 0 oder mach einfach die hintergrundfarbe genauso wie das bild^^ dann siehste die lücken nicht...^^

Beiträge von lauras

navi bestehend aus 3 bildern

Guckt sie euch mal an (ist noch nicht Fertig)

Guckt sie euch mal an (ist noch nicht Fertig)

Textfeld

navi bestehend aus 3 bildern

Guckt sie euch mal an (ist noch nicht Fertig)

Drop Down

Guckt sie euch mal an (ist noch nicht Fertig)

scheiß Frames...

Drop Down

Textfeld

Drop Down

scheiß Frames...

Guckt sie euch mal an (ist noch nicht Fertig)

scheiß Frames...

scheiß Frames...

Drop Down

fomatieren

fomatieren

navi bestehend aus 3 bildern