zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Darstellungsprobleme (horinzontal mittige Darst.) &...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.12.2006, 18:56
CSS Gamer
neuer user
Thread-Ersteller
 
Registriert seit: 30.12.2006
Beiträge: 46
chilla befindet sich auf einem aufstrebenden Ast
Unglücklich Darstellungsprobleme (horinzontal mittige Darst.) &...

hi
ja ich weiß das ich "neu" bin
Achtung: falls die Links nicht funktionieren, dann probiert es später nochmal - ist nicht mein Server

Problem I
Wie ihr auf - NEWS sehen könnt ist wird Seite 1, Seite 2, Seite 2b usw. nicht mittig ( soll nur horizontal mittig sein ) dargestellt.
Die dazugehörige CSS Datei könnt ihr euch hier anschauen http://chilla.byto.de/tt/style2.css

Wer mir Tipps, Links oder auch nur irgendwas geben könnte, was zur Lösung des Problems beiträgt, dann immer her damit.

Problem II
Wenn man jetzt z.B auf mit der Maus über Seite 2 fährt ( nicht wörtlich nehmen ), dann "klappt" sich Seite 2a,b,c, auf. So weit so gut. Wenn man allerdings dann von Seite 2 aus auf Seite 2a lenkt, dann verschwinden die "ausgeklappten" Buttons wieder. ich persönlich finde das für eine Internetseite nicht gerade sehr gut, da so etwas eher User abschreckt, wenn man 5min brauch ehe man es mal geschafft hat auf Seite 2a zu klicken.

Problem II hat sich erledigt. Ich hatte einfach den Abstand zwischen den ausklappenden Buttons und den in der Navi zu groß


Problem I & II ( nicht mehr vorhanden ) beziehen sich auf - NEWS, sowie http://chilla.byto.de/tt/style2.css

MfG
chilla

Geändert von chilla (01.01.2007 um 14:48 Uhr) Grund: Problem II gelöst
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.01.2007, 13:40
CSS Gamer
neuer user
Thread-Ersteller
 
Registriert seit: 30.12.2006
Beiträge: 46
chilla befindet sich auf einem aufstrebenden Ast
Beitrag

Hier der CSS Code von style2.css
das was in Kommentaren geschrieben ist, nicht beachten
Code:
/* CSS Document */
#sidebar
{
background-color:#CCCCCC; margin: 0 0 0 0%; padding:1%; float:right; width:20%; display:block
}
#content
{
background-color:#0066FF; color:#000000; font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 22% 0 0; padding:1%
}
#foot
{
background:#FFFFFF url(img/bg-foot.jpg) repeat-x; color:#FFFFFF; clear:both; text-align:center; padding:1%
}
/*alles cool
#navi
{
background:#FFFFFF url(img/bg-navi.jpg) repeat-x; color:#FFFFFF; text-align:center; padding:1%
}
*/
div#Rahmen {
    width: 98%;
    background:#FFFFFF url(img/bg-navi.jpg) repeat-x;
	padding:1%;
  }

  div#Rahmen div {
    clear: left;
  }
  ul#Navigation {
    margin: 0 2% 0 2%; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    width: 8.6em;
    position: relative;
    margin: 0; padding: 0;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0; left: 0;
  }

  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
	background-color:#000000
  }

  ul#Navigation a{
    display: block;
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    color:#FFFF00
  }

  ul#Navigation a:hover {
    color:#FFFFFF
  }

/* Erweiterung zur dynamischen Ein-/Ausblendung */
  ul#Navigation li>ul {
    display: none; top: 1.6em;
  }
  ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
    display: block;
  }
Hier die HTML Codes von news2.html
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">@import url(style2.css);</style>
<title> - NEWS</title>

</head>

<body>
<div style="text-align:center">
<div id="Rahmen"><ul id="Navigation">
    <li><a href="#Beispiel">Seite 1</a></li>

    <li><a href="#Beispiel">Seite 2</a>
      <ul>
        <li><a href="#Beispiel">Seite 2a</a></li>
        <li><a href="#Beispiel">Seite 2b</a></li>
      </ul>
    </li>

    <li><a href="#Beispiel">Seite 3</a>
		<ul>
			<li><a href="#Beispiel">Seite 3a</a></li>
		</ul>
	</li>
	
    <li><a href="#Beispiel">Seite 4</a>
      <ul>

        <li><a href="#Beispiel">Seite 4a</a></li>
        <li><a href="#Beispiel">Seite 4b</a></li>
        <li><a href="#Beispiel">Seite 4c</a></li>
      </ul>
    </li>

    <li><a href="#Beispiel">Seite 5</a></li>

  </ul><div></div></div></div>

<div id="sidebar">
ein text der als test dient<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf<br />dgfkjdfkjdf
</div>

<div id="content">
das ist der content von der website<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd<br />ajsjhd

</div>


<div id="foot">
hier ist die fußzeile
</div>


</body>
</html>
Problem II hat sich erledigt ( siehe Post 1 )

Geändert von chilla (01.01.2007 um 14:51 Uhr) Grund: Problem II erledigt
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 19:12 Uhr.