getElementsbyclassname - Seite 2

ChrisB · 08.10.2010, 15:12

Zitat:

Zitat von Eimer

Man könnte auch die anderen Inhalte statisch in den QUellcode reinschreiben und nur mit css verbergen. Mit javascript könnte man sich diese wieder sichtbar machen lassen.

Klar geht das - ob es sinnvoll ist, ist die andere Frage.

Für kleinere Inhalte, die im Rahmen eines Dokumentes der Übersichtlichkeit halber ausblendbar sein sollen, ist das denkbar (dann sollte man das Verstecken aber auch erst per JS machen, sonst wird es unbenutzbar, wenn kein JS verfügbar).

Aber für umfangreichere Inhalte, für die sich die „klassische“ Unterteilung in mehrere Dokumente, die dann untereinander verlinkt werden, eher anbietet, ist das kein tauglicher Ersatz.

Eimer · 08.10.2010, 16:11

Zitat:

Aber für umfangreichere Inhalte, für die sich die „klassische“ Unterteilung in mehrere Dokumente, die dann untereinander verlinkt werden, eher anbietet, ist das kein tauglicher Ersatz.

Ganz deiner Meinung.

blurb32 · 09.10.2010, 12:40

Hier der Code der Html Datei:

Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
<body>
<div class="container">
<div class="head"></div>
<div class="headlogo"></div>
<div class="navigation_oben">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">ÜberMich</a></li>
<li><a href="#">Angebote</a></li>
<li><a href="#">Produkte</a></li>
<li><a href="#">Versand</a></li>
</ul>
<div class="content"></div>
</div>
</body>
</head>
</html>

CSS Code

Code:

/* Start Page */

/* Created by www.zmonline.info */

html,body

{
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	
	
}

a:link, a:visited, a:active

{
	float:left;
	outline:none;
	text-align:center;
	display:block
}

.head

{
	position:absolute;
	margin:0px;
	width:600px;
	height:150px;
	margin-left:125px;
	margin-right:125px;

}

	.headlogo

	{
		padding:0px;
		margin:0px;
		margin-left:125px;
		margin-right:125px;
		width:600px;
		height:150px;
		background-image:url('../images/bg_header.gif')
	}


	.container

	{
		margin:0px auto;
		text-align:left;
		width:600px;
		height:850px;
}

/* Menuebereich oben */

.navigation_oben

{
	
	margin:0px;
	padding:0px;
	margin-left:125px;
	margin-right:125px;
	height:20px;
	width:600px;
	list-style-type:none;
}

	.navigation_oben ul
	
	{
		
		margin:0px;
		padding:0px;
		text-align:center;
		display:block
		
	}
	.navigation_oben ul li
	
	{
	
		width:75px;
		float:left;
	}
	
	.navigation ul li a
	
	{
		padding:0px 0px 0px 5px;
		line-height:20px
}
	
/* Menuebereich */	

/* Contentbereich */

.content

{
	height:500px;
	width:600px;
	margin-left:125px;
	margin-right:125px;
}
/* Created by www.zmonline.info */
/* End Page */

Hoffe das hilft euch weiter!

ChrisB · 09.10.2010, 14:11

Zitat:

Zitat von blurb32

Hier der Code der Html Datei: [...]
CSS Code

Die wurden explizite Rückfragen gestellt - und die sind nicht damit beantwortet, dass du einfach ein bisschen Code hier ablädst.

Bitte gehe auf Rückfragen ein - sonst macht das hier den Eindruck, als ob es dir egal ist, was wir vorschlagen.

Zitat:

Hoffe das hilft euch weiter!

Nein.
Davon abgesehen brauchst du uns nicht weiterhelfen - du willst Hilfe. Deshalb tue bitte etwas mehr dafür, als dich per Copy&Paste von ein bisschen nichtssagendem Code vor der Beschäftigung mit unseren Fragen zu drücken.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten