Beiträge von xXx_BaSStar_xXx

xXx_BaSStar_xXx

Joar Danke danke das rockt das sieht schön aus bei display:none hat das mit IE zwar nich geklappt aber so ic schön jedoch sieht man die punkte doch etwas und wenn man sie runtersetzt .... aber ich könnte sie ja absolut im hintergrund positionieren oder!?
Wer mag kann sich's anschauen!

http://www.x-basstar-x.de/01/fl.htm

xXx_BaSStar_xXx

hab ich schon öfters gelesen aber nich kapiert muss ich das dann für jedes bild einzeln machen?
<---- dumm is

xXx_BaSStar_xXx

kann mir vielleicht jemand erklären wie man grafiken effektiv vorläd, wie das funtz und ob sich das bei meiner seite lohnt?! Danke

xXx_BaSStar_xXx

Ich würde behaupten das du ein Java-Script brauchst das 5 Sekunden nach betreten der Seite runterzählt und eine Zahl ändert guck doch mal bei Scriptarchiven!

xXx_BaSStar_xXx

so jetzt bin ich ein bisll "weita" aber trotzdem sind die nich reichtig gefloated weil wenn die tabelle im contet länger wird siehst wieder falsch aus! was soll ich tun?

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
		#container {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			border: 1px solid gray;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			align: center;
		}

		#logo {
			float: left;
			width: 120px;
			padding: 4px;
			margin-bottom: 2px;
			background-color: gray
		}


		#banner {
			padding: 5px;
			margin-bottom: 2px;
			background-color: gray
		}

		#h1 {
			padding: 5px;

			background-color: rgb(213, 219, 225);
			border-right: 1px solid gray;
		}


		#content {
			float: right;
			padding: 5px;
			background-color: rgb(235, 235, 235);
			border-right: 1px solid gray;
			width: 621px;
		}


		#sidebar-a {
			float: left;
			width: 0;
			margin: 0;
			padding: 5px;
			padding-top: 35px;
			margin-right: 0px;
			background-color: rgb(213, 219, 225); 
		}


		#footer {
			clear: both;
			height: 20px;
			padding: 5px;
			margin-top: 2px;			
			background-color: gray
		}
		.navi {
			display: block;
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: #ffffff;
			background-color: gray; 
			padding:4px;
			width:110px;
			margin-bottom: 3px;			
		}
			.navi:hover {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: #ffffff;
			background-color: #64A0DD;
		}
			.navi:active {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: #ffffff;
			background-color: #2363A3;
		}
				.navi2 {
			display: block;
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: gray;
			background-color: rgb(235, 235, 235); 
			padding:4px;
			width:104px;
			margin-bottom: 3px;
			margin-left: 3px;
		}
			.navi2:hover {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: gray;
			background-color: #64A0DD;
		}
			.navi2:active {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: gray;
			background-color: #2363A3;
		}


a, p, h1, h2, ul, li { font-family: Verdana; }


h1 { font-decoration: underline; font-size: 11px; color: #64A0DD; font-weight:bold; }


p { font-decoration: none; font-size: 9px; color: #646464; font-weight:normal; }


.copy { text-align:right; font-decoration: none; font-size: 8px; color: #EBEBEB; font-weight:normal; }


.norm { font-weight:bold; color:gray; text-decoration:none; }
	.norm:link { font-weight:bold; color:gray; text-decoration:none; }
	.norm:visited { font-weight:bold; color:gray; text-decoration:none; }
	.norm:focus { font-weight:bold; color:gray; text-decoration:underline; }
	.norm:hover { font-weight:bold; color:gray; text-decoration:underline; }
	.norm:active { font-weight:bold; color:gray; text-decoration:underline; }

.copy { font-weight:normal; color:#EBEBEB; text-decoration:none; }
	.copy:link { font-weight:normal; color:#EBEBEB; text-decoration:none; }
	.copy:visited { font-weight:normal; color:#EBEBEB; text-decoration:none; }
	.copy:focus { font-weight:normal; color:#EBEBEB; text-decoration:underline; }
	.copy:hover { font-weight:normal; color:#EBEBEB; text-decoration:underline; }
	.copy:active { font-weight:normal; color:#EBEBEB; text-decoration:underline; }


</style>
</head>
<body bgcolor="#F9F9F9">
	<div id="container">
		<div id="logo">[img]images/logo.gif[/img]</div>


																							<div id="banner"></div>

																							<div id="h1"></div>
<div id="content">
																		<table cellpadding="5">
																		  <tr>
																		    <td>
																		    <h1>Willkommen</h1>



Dieser Teil der Homepage befindet sich leider noch im Aufbau,


																		    bitte nutzen Sie den [url='http://www.x-basstar-x.de/D1/frameset.htm']anderen Teil.[/url]


																		    


																		    Danke</p>























																	
																		    </td>
																		  </tr>
																		  </table>
																		</div>		



	<div id="sidebar-a">
		[url='#']Link[/url]
		[url='#']Link[/url]
			[url='#']unter Link[/url]
			[url='#']unter Link[/url]
		[url='#']Link[/url]
		[url='#']Link[/url]
		[url='#']Link[/url]
			[url='#']unter Link[/url]
			[url='#']unter Link[/url]
		[url='#']Link[/url]
	</div>






												

												<div id="footer"><p class="copy">© [url='mailto:']bla bla 2006[/url]</div>


</div>
</body>
</html>

Alles anzeigen

xXx_BaSStar_xXx

Huhu,

Wiedermal,
Ich bin meiner Meinung nach auf dem richtigen weg,
Jedoch habe ich schon alles probiert um die content zu floaten aber ich bekomm sie nicht neben die navi
Auch indem ich die <div> anders angeordnet hab (Reihnfolge)
Bitte bitte sagt mir wie.

Und dann noch: aber das krieg ich best. hin warum verschieben sie die .navi?? Wenn man "hovert"<< ?

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
		#container {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			border: 1px solid gray;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			align: center;
		}

		#logo {
			float: left;
			width: 120px;
			padding: 4px;
			margin-bottom: 2px;
			background-color: gray
		}


		#banner {
			padding: 5px;
			margin-bottom: 2px;
			background-color: gray
		}


		#content {
			float: right;
			padding: 5px;
			background-color: rgb(235, 235, 235);
			border-right: 1px solid gray;
			width: 621px;
		}


		#sidebar-a {
			clear: left;
			width: 0;
			margin: 0;
			padding: 5px;
			padding-top: 35px;
			margin-right: 0px;
			background-color: rgb(213, 219, 225); 
		}


		#footer {
			clear: both;
			padding: 5px;
			margin-top: 2px;			
			background-color: gray
		}
		.navi {
			display: block;
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: #ffffff;
			background-color: gray; 
			padding:4px;
			width:110px;
			margin-bottom: 3px;			
		}
			.navi:hover {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: #ffffff;
			background-color: #64A0DD;
		}
			.navi:active {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: #ffffff;
			background-color: #2363A3;
		}
				.navi2 {
			display: block;
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: gray;
			background-color: rgb(235, 235, 235); 
			padding:4px;
			width:104px;
			margin-bottom: 3px;
			margin-left: 3px;
		}
			.navi2:hover {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: gray;
			background-color: #64A0DD;
		}
			.navi2:active {
			font-family: Verdana;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			color: gray;
			background-color: #2363A3;
		}


a, p, h1, h2, ul, li { font-family: Verdana; }


h1 { font-decoration: underline; font-size: 11px; color: #64A0DD; font-weight:bold; }


p { font-decoration: none; font-size: 9px; color: #646464; font-weight:normal; }


.copy { text-align:right; font-decoration: none; font-size: 8px; color: #EBEBEB; font-weight:normal; }


.norm { font-weight:bold; color:gray; text-decoration:none; }
	.norm:link { font-weight:bold; color:gray; text-decoration:none; }
	.norm:visited { font-weight:bold; color:gray; text-decoration:none; }
	.norm:focus { font-weight:bold; color:gray; text-decoration:underline; }
	.norm:hover { font-weight:bold; color:gray; text-decoration:underline; }
	.norm:active { font-weight:bold; color:gray; text-decoration:underline; }

.copy { font-weight:normal; color:#EBEBEB; text-decoration:none; }
	.copy:link { font-weight:normal; color:#EBEBEB; text-decoration:none; }
	.copy:visited { font-weight:normal; color:#EBEBEB; text-decoration:none; }
	.copy:focus { font-weight:normal; color:#EBEBEB; text-decoration:underline; }
	.copy:hover { font-weight:normal; color:#EBEBEB; text-decoration:underline; }
	.copy:active { font-weight:normal; color:#EBEBEB; text-decoration:underline; }


</style>
</head>
<body>
	<div id="container">
		<div id="logo">[img]images/logo.gif[/img]</div>


																							<div id="banner"></div>


																		


	<div id="sidebar-a">
		[url='#']Link[/url]
		[url='#']Link[/url]
			[url='#']unter Link[/url]
			[url='#']unter Link[/url]
		[url='#']Link[/url]
		[url='#']Link[/url]
		[url='#']Link[/url]
			[url='#']unter Link[/url]
			[url='#']unter Link[/url]
		[url='#']Link[/url]
	</div>


<div id="content">
																		<table cellpadding="5">
																		  <tr>
																		    <td>
																		    <h1>Willkommen</h1>



Dieser Teil der Homepage befindet sich leider noch im Aufbau,


																		    bitte nutzen Sie den [url='http://www.x-basstar-x.de/D1/frameset.htm']anderen Teil.[/url]


																		    


																		    Danke</p>																	
																		    </td>
																		  </tr>
																		  </table>
																		</div>		


												

												<div id="footer"><p class="copy">© [url='mailto:']pata pan 2006[/url]</div>


</div>
</body>
</html>

Alles anzeigen

xXx_BaSStar_xXx

xXx_BaSStar_xXx

xXx_BaSStar_xXx

Guten Morgen,

Ich habe wiedermal ein Problem also
1. Habe ich mal nur für die Forum-Menschen zwei Links

1.2. http://www.x-basstar-x.de/D2/forum1.htm
1.2. http://www.x-basstar-x.de/D2/forum2.htm

Wir sehen beide male das selbe außer wenn wir uns den Quelltext ansehen, in Nummer 2 habe ich mehere Tabellen und die "Buttons"
haben ganzflächig eine hoverfunktion jedoch bei Nummer 2 habe ich nur eine tabelle genommen weil sich die 2. Variante bei Firefox verschiebt und hier nur etwas gehighlighted wird wenn man über den Text fährt.Was tue ich nun?

2. habe ich zwei PHP Scripte einen zum online anzeigen und einen counter
Die bestimmt funktionieren würde wenn ich die Atribute für die PHP's ändern könnte.

3. Klappt irgendwie alles nicht mit rowspan und colspan wie man unschwer erkennen kann.

xXx_BaSStar_xXx

Da hab ich ja was entfacht.........

xXx_BaSStar_xXx

ah... jetzt is klar also z.B. Manche Angaben in % zu machen damit es sich beim user anpasst und z.B. mit <div> zu zenrieren statt vom rand in px!?

http://www.x-basstar-x.de/Layouttest

xXx_BaSStar_xXx

Topfblume das check ich jetzt GARnicht
Warum Zitat? Warum valide? Warum semantisch? Warum barrierefrei?

xXx_BaSStar_xXx

Also,

Schonmal Dankeschön
Dann denk ich an sowas hier:

http://www.x-basstar-x.de/Layouttest.htm

Das hab ich mal schnell hingezaubert so als Beispiel
Mit Tabellen konnt ich immer gut aber die macht mir zuschaffen.
Wenn ich nämlich eine td neben die "Buttons" machen will
Gehen die "hovers" nurnoch wenn man direkt auf dem Text is.!?

Also die Richtung is richtig!?

Achso; Stromberg rulez! Hab mich da ma eingetragen!

xXx_BaSStar_xXx

Huhu,

Wie sollte denn eurer Meinung nach ein HP Design aussehen?
Bei allen "fortgeschrittenen Pages" füllt der "Inhalt" die Seite nie ganz aus!?
Es ist immer ein gewisser "Rand" um die Tabellen.
Ist es vorteilhafter kein frameset zu benutzen?
Wie sollte denn ein "richtiges" Layout aussehen?
Kann ich dafür vielleicht irgendwo ein "Schema" finden?

xXx_BaSStar_xXx

xXx_BaSStar_xXx

ok
<<<dumm is
nix für ungut

xXx_BaSStar_xXx

Ich frage mich warum wenn ich mich bei google suche mein msn addy dasteht! Ist das beabsichtigt oder wie?
Ich find das nähmlich garnichts lustig!

xXx_BaSStar_xXx

Ja schön aba das kann ich mir nicht saugen!
Müsste irgenwas seperates sein!
Aber was man bei suchmaschienen findet: Testversionen und so ein scheiss!

xXx_BaSStar_xXx

OK ok!

Aber wenn man smilies nicht mit dem richtigen prog. bearbeitet sinds nur noch Bilder! Hat jem eine Empfehlung welches Prog gut dafür ist?
Guck mir seine jetzt mal an!

Achso und Danke an Guru!

xXx_BaSStar_xXx

Oh bitte bitte bitte vielleicht ein paar politische!

http://server4.webkicks.de/cgi-bin/rl.cgi?cid=melli

Beiträge von xXx_BaSStar_xXx

Grafiken vorladen

Grafiken vorladen

Grafiken vorladen

Weiterleitung in 5 sekunden

Css Boxen floaten

Css Boxen floaten

Weiterleitung in 5 sekunden

Weiterleitung in 5 sekunden

Tabellenformation

"Richtiges" HP Design

"Richtiges" HP Design

"Richtiges" HP Design

"Richtiges" HP Design

"Richtiges" HP Design

Sich suchen

Sich suchen

Sich suchen

Welche Smileys?

Welche Smileys?

Welche Smileys?