Alice-Grafixx.de Forum - XHTML-CSS 25 RSS

Wie Fu�zeile hinzuf�gen?

Wed, 27 Nov 2013 11:03:50 +0100

Jungs, ich will Fuzeile hinzufgen, aber ich kann nicht, wie es zu tun. Ich mchte Sie bitten, mir einige hilfreiche Anregung fr das Hinzufgen von Fuzeilen zu geben. Ich werde es begren werden!

hover effekt in der navigation

Sun, 09 Jun 2013 21:56:52 +0200

He Leute,

hoffe ihr knnt mir helfen. entweder seh ichs einfach nicht oder ....

mein Problem ist folgendes: Ich mchte so eine Navigation wie hier auf folgender Seite -link geloescht -. das heist wenn man ber den link fhrt dann wird unter dem link die weise linie rot. das mit dem hover effekt iist ja eigentlich simpel. aber ich bekomm den abstand zwischen link und hover nicht hin. hier mal mein code:

ul.navi_menu{
    height: 40px;
	list-style: none;
	line-height: -0.2px;
	padding: 0px;
	border-top: 2px white solid;
}

ul.navi_menu a{
    display: inline-block;
	text-decoration: none;
	color: white;
}

ul.navi_menu a:hover{
	border-bottom: 2px solid red;  
}

bedanke mich schonmal im vorraus fr eure Hilfe

LG phil

Wiso ? CSS Schriftfarbe

Sat, 23 Mar 2013 10:40:19 +0100

Guten Tag,
ich bin eigentlich ein Profi, was HTML und CSS angeht.
Doch nun verzweifle ich, denn ich habe schon alles ausprobiert doch an eine bestimmten Stelle meiner Website lsst sich egal was ich mach die Farbe nicht ndern.

mein Ausschnitt der CSS Datei:

#navi1 h2 {
     font-color: #ffc06e;
}

#navi1 ist das Einlogfenster in Form von einem Div-Container.
Mit nur #navi habe ich es auch schon probiert und mit einem Span Im Div auch schon, jedoch klappt nichts.

Buttons bei Hover verrutschen

Mon, 04 Feb 2013 17:38:19 +0100

Guten Abend!

Mein Design hat einen kleinen Makel! Im Dreamweaver ist der Hover der Buttons so wie er sein soll: Button verndert sich, verrutscht aber nicht. Ist die Seite hochgeladen, verrutschen die Buttons beim Hover um 1-2 Millimeter nach rechts. Scheint nicht weiter tragisch zu sein, ist mir aber ein Dorn im Auge!

Habe margins, paddings etc. (alles, was von diesen 1-2 Millimetern htte abhngig sein knnen), ausgetauscht und ausprobiert, ob sich etwas verndert. Leider nirgendwo das gewnschte Endergebnis!

Hat jemand eine Ahnung, woran es liegen knnte?

Bei Bedarf stelle ich auch den CSS-Code rein!

Liebe Gre
Neo

< title >-Text anzeigen lassen??

Sat, 25 Aug 2012 16:57:11 +0200

Hi,
ich habe eine Frage... oder Problem. Vielleicht kann mir geholfen werden. Und zwar bin ich gerade dabei eine Seite aufzubauen... soweit so gut. Die einzelnen Content-Seiten werden per include-Befehl eingebunden (sind also .php-Datein).

So... nun steht in meiner Index-Seite im -Tag mein Seitenname also. Schaut so aus.<br /> <br /> <div class="php"><pre class="brush: php"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Meine kleine Webseite

Da ich ja die einzelnen .php-Seiten nun include wird von dieser Seite der Name leider nicht angezeigt.... wie muss man denn das gestalten das also auch immer der Titel der Unterseiten mit angezeigt wird?

probleme bei der darstellung der website

Sun, 05 Feb 2012 22:43:23 +0100

Hi,

ich programmiere gerade ein website und ich hab das problem wenn ich das bei mir auf mac anschaue dann stellt es mir die website ordentlich dar (safari) aber wenn ich das ber einen windows rechner anschaue dann bleibt zwar der header in der mitte aber alles andere verschiebt sich nach rechts obwohl ich das mittig ausgerichtet habe..

was stimmt nicht was mach ich falsch?

hier der code: (alles was bei den div elementen unter style steht wird noch in die css datei bertragen)

index.php





Dj Chelios | Danger is Radioaktiv


  
  
    
    
	
	




     



   






    



			LAST POSTS
		
				

		
id'"); 
	$com_num = mysql_num_rows($comments); // Anzahl der Kommentare
	
    echo "\n"; 
    echo "".$row->title."\n verfasst von ".$row->autor." am ".$row->datum." | \n";
    echo "id."\">Kommentare ".$com_num."\n ";

	echo "".bbcode($row->news)."";
    echo "\n";
} // close while

// -------------------------------------- Seitennavigation ausgeben ----------------------------

get_navi($_GET['go'], $total, 'index.php?go=', true, $per_page, $p);

// -------------------------------------- Seitennavigation ende --------------------------------

?>

style.css

a {text-decoration:none}
a:hover {color: red}

#centeredDiv
{
[B]position: absolute;
width: 975px;
margin-left: 250px; /* negative Hlfte von width: 500px */
top: 340px;
height: 40px;
margin-top: -170px; /* negative Hlfte von height: 300px */[/B]
}

#content {
    clear: left;
    float: left;
    width: 550px;
    padding: 0 34px 0 5px;
    margin: 15px 0 15px;

}

.news{
	width: 500px;
	border-bottom: 2px solid #E0E0E0;
	padding: 5px 2px;
	margin: 0px 0px 10px;
}

#ram {
	height: 1100px;
    width: 975px;
    margin: 0px auto;
    color: white;
}

#header {
	top: 20px;
    float: left;
    border-bottom: 5px solid #ccc;
    height: 48px;
    width: 500px;
    padding-left: 30px;
}

p { padding: 5px; margin:0px; }

.pages{
	border: 1px solid #E0E0E0;
	padding: 2px 7px;
	float: right;
	margin: -3px 0 0;
}

.current {
	border: 1px solid #E0E0E0;
	padding: 4px 7px;
	color: #ffffff; 
}

h2{
    font: bold 1em Arial, Sans-Serif;
    margin: 0 0 12px;
}

	h2 small{
		display: block;
		color: #737373;
		font-weight: normal;
		font-size: .5.1em;
	}

danke schonmal fr eure hilfe

Problem mit einem Gallery-Skript

Sun, 11 Dec 2011 02:50:03 +0100

Hallo. ^^ Da mir in diesem Forum schon oft geholfen wurde. Dank der lieben Alice. Htte ich da noch ein kleines Problem. Ich wrde gerne eine Gallery erstellen wo man Thickbox und die Mosaik-Slidebox (beides mit jQuery) komponiert. Einzel geht dies super. Doch sobald ich den Code fr die Thickbox zur Slidebox hinzufge kommt nur ein Schwarzbild und mein eigentliches Bild wird nicht angezeigt. (Falls man es nicht auf die Screens achten!)

Die Codes sind folgendermaen:

header.php

 '".(time()-60*30)."'") < 4) {
			$_SESSION["login"] = value("users WHERE name = '".umbruch($_COOKIE["webvids_name"])."' AND passwort = '".umbruch($_COOKIE["webvids_passwort"])."' AND status = '1'","id");
			mysql_query("INSERT INTO users_login (name, ip, timestamp, erfolgreich) VALUES ('".umbruch($_COOKIE["webvids_name"])."', '".getenv("REMOTE_ADDR")."', '".time()."', '1')");
		} else {
			mysql_query("INSERT INTO users_login (name, ip, timestamp, erfolgreich) VALUES ('".umbruch($_COOKIE["webvids_name"])."', '".getenv("REMOTE_ADDR")."', '".time()."', '0')");
		}
	}

?>


	
		› FH4Y † Flying Hearts for You ‹ 
		 
		
				
				

		
		

	

 
			    
	
	 ";
?>

icons.php


Willkommen
Es freut mich sehr das du dich auf meiner kleinen aber feinen Homepage verirrt hast! Flying Hearts for You ist sowas wie ein kleiner Blog nur ohne Bloggen. Sie fllt daher in die Kategorie "Private Homepage" meiner Hinsicht nach. Hier kommt alles drauf was ich gerne hier draufschmeien mchte sei es nun FanFictions oder Reviews. Schau dich hier einfach um und erfahre mehr ber mich und meiner Welt und wenn du Lust hast dann nimm auch Kontakt mit mir auf.

		titel ?>


Hearts [id."'") ?>]
" border="0" alt="" width="100" id="ava" />
text)) ?>

style.css

/* ####### Slidebox ####### */
.mosaic-block{ left:0%; top:0%; position:absolute; }
				.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
						
				.details{ margin:2px 2px 2px 2px;
				font-size:10px;
			text-align:center;
			color:#FFFFFF; }
/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:100px;
	height:100px;
	background:url(img/bg-black.png);
	padding:4px;
	border:1px solid #121212;
	margin:2px;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:2;
		height:100%;
		width:100%;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:30px;
			background:url(img/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}

/* ####### Thickbox ####### */
*{padding: 0; margin: 0;}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

Ich wrde mich sehr ber hilfe freuen und mich entschuldigen das es so viel Code wurde.

lG djaneMauzi

Div verrutscht!

Sun, 17 Jul 2011 22:19:53 +0200

Hey,
Ich hab ein kleines Problem mit meinem Div.Ich bin gerade dabei meinen eigenen Blog zu erstellen und benutze einen Div der sich bei Firefox auf dem richtigen Platz befindet bei Safari und Google Chrome jedoch verrutscht. Kann mir bitte jemand helfen? Ich bin echt ratlos.

Hier ist mein HTML-Code:




  test3


  








  

    

      
      Home
      

      Stuff

      Diary
      SweetsLiterary
BoxFangasm
      Profile Music?

      

    

    

      At vero eos et accusam et justoduo
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. 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. Ut wisi enim ad minim
veniam, quis nostrud exerci   ptua. 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. 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. Ut wisi enim ad minim
veniam, quis nostrud exerci
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. 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. Ut wisi enim ad minim
veniam, quis nostrud exerci

Hier ist mein CSS-Code:

tbody {
float: left;
color: #000000;
font-family: Georgia;
text-align:justify;
line-height: 12px;
font-size: 10px;
letter-spacing: 0px;
cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi166.cur), progress;
}

.inhalt {
padding: 20px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 15px;
}

.inhalt2 {
padding: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
width: 150px;
}

.nav a:link, .navi a:visited
{ color:#e7e3e2; 
text-decoration:none;
font-family: Corbel, sans-serif; 
font-size: 14px;
text-align:center; 
vertical-align:middle;
border-right: 2px solid #FFFFFF;
filter:alpha(opacity=30); /* IE */
opacity:0.3; /* allgemein */
-moz-opacity:0.3; /* Mozilla */
-khtml-opacity:0.3; /* KTHML */
-opera-opacity:0.3; /* Opera */
}

.nav a:hover 
{color:#FFFFFF; 
text-decoration:none; 
font-family: Corbel, sans-serif; 
font-size: 14px; 
text-align:center; 
vertical-align:middle;
border-right: 2px solid #b30026;
cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi166.cur), progress;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset \'blur\' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
filter:alpha(opacity=100); /* IE */
opacity:1; /* allgemein */
-moz-opacity:1; /* Mozilla */
-khtml-opacity:1; /* KTHML */
-opera-opacity:1; /* Opera */
}


.navi a:link, .navi a:visited
{ color:#e7e3e2; 
text-decoration:none;
font-family:vani; 
font-size:11px;
background-image:url(http://www.bilder-hochladen.net/files/3a3j-8c-1700.jpg);
background-repeat:repeat-x;
display: inline-block;  
width:320px;
height:135px;
position: absolute;
float: center; 
left: 683px; 
width: 320px; 
padding-top: 0px;
top: 0px; 
text-align:center; 
vertical-align:middle;
} 






.navi a:hover 
{color:#FFFFFF; 
text-decoration:italic; 
font-family:Tw Cen MT Condensed Extra Bold; 
font-size:28px; 
background-image:url(http://www.bilder-hochladen.net/files/3a3j-8e-6883.jpg); 
background-repeat:repeat-x; 
display: inline-block; 
width:320px;
height:135px;
height:135px;
position: absolute;
float: center; 
left: 683px; 
width: 320px; 
padding-top: 0px;
top: 0px;
text-align:center; 
vertical-align:middle;
cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi166.cur), progress;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset \'blur\' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;

}

.navi{
    text-align:left;
    margin:0 auto;    
}


.navi2 a:link, .navi a:visited
{ color:#e7e3e2; 
text-decoration:none;
font-family:vani; 
font-size:12px;
background-image:url(http://www.bilder-hochladen.net/files/3a3j-8d-53c3.jpg);
background-repeat:repeat-x;
display:inline-block;  
width:320px;
height:135px;
position: absolute; 
left: 683px; 
width: 320px; 
top: 126px;
text-align:left; 
vertical-align:middle;
}

.navi2 a:hover 
{color:#FFFFFF; 
text-decoration:italic; 
font-family:Tw Cen MT Condensed Extra Bold;
font-size:28px; 
background-image:url(http://www.bilder-hochladen.net/files/3a3j-8f-4918.jpg); 
background-repeat:repeat-x; 
display:inline-block; 
width:320px;
height:135px;
position: absolute; 
width: 320px; 
top: 126px;
text-align:left; 
vertical-align:middle;
cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi166.cur), progress;
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset \'blur\' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;

}

.navi2{
    text-align:left;
    margin:0 auto;
 }

Hier hab ich auch noch ein Bild von dem verrutschten Div in Safari:

klick!

Problem mit Content

Thu, 23 Sep 2010 15:52:37 +0200

Huhu Leute,
ich hab mal wieder ein problem und zwar will mal Content nicht so wie ich es mchte.
Ich habe arbeite ausschlielich nur mit div-tags, ich glaube das nennt man box-modell, ich wei es gerade nicht, auf jeden fall ist es so, dass mein frame-div die bg-datei beinhalten fr meinen content und mein frame geht nicht mit dem ganzen content mit, am besten ihr schaut es euch selbst an.

Klick

Index-datei:



	
		Mystic-Graphics

sidebar-datei:

	
		Main
		 	
	    	 News
	    	 About MG
	    	 Team 
	    	 WMC
	    	 Link IN      	    	  
	    	 Link Out
	    	 Become?
	    	 Regeln 
	    	
	  
	 
	
		Graphics

		   	 
			 Icons
	    	 Bases    	  
	    	 Texturen
	    	 Templates  	  
	    	 Header
	    	 Splashes
	    	 Signaturen
	    	
	   
	 
	 
	 	Downloads
	    	    	     
	    	 Brushes
	    	 Texturen
	    	 PNGs 
			 Designs 
			
	    

	 
	 	Junk corner
    	    	 
    	 Newsletter    	  
    	 Umfragen
    	 Awardvergabe    	  
    	 Murals
    	 SOTM/SOTY
    	 DOTM    	  
    	 GFX-Contest

haupt-CSS-Datei:

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
}

body {
	color: #5d0000;
	font: normal 14px/1.5 'Times New Roman', 'Georgia', Sans-Serif;
	background: #ceb9a6 url('img/x-line.jpg') top left repeat-x; 
}

:focus {
	outline: none;
}

.cleaner { clear: both;}

.red {
	color: #770d19 !important;
}

.blue {
	color: #0d1077 !important;
}

.green {
	color: #0d7776 !important;
}

.organge {
	color: #f9995f !important;
}

#frame {	
	margin: 0;
	padding: 0;
	width: 800px;
	background: url('img/frame.jpg') top left repeat-y;
	text-align: left;
	position: relative;
}

#header {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 758px;
	background: #ceb9a6;
	position: relative;
}

#header #thONE {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 133px;	
}

#header #thONE .left {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 133px;
	background: url('img/header-left-1.jpg') top left no-repeat;
	float: left;
}

#header #thONE .right {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 133px;
	float: right;
}

#header .right a#ask{
 	display: block; 	
	margin: 0;
	padding: 0;
	width: 75px;
	height: 131px;
	text-decoration: none;
	background: url('img/header-right-ask-a.jpg') top left no-repeat;
	float: left;	
}

#header .right a#ask:hover{ 	
	text-decoration: none;	
	background: url('img/header-right-ask-ah.jpg') top left no-repeat;
}

#header .right a#journal{
 	display: block;
	margin: 0;
	padding: 0;
	width: 75px;
	height: 131px;
	text-decoration: none;
 	background: url('img/header-right-journal-a.jpg') top left no-repeat;
 	float: left;
}

#header .right a#journal:hover{
	text-decoration: none;	
	background: url('img/header-right-journal-ah.jpg') top left no-repeat;
}

#header .right a#flg{
 	display: block;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 131px;
	text-decoration: none;
	background: url('img/header-right-flg-a.jpg') top left no-repeat;
	float: left;
}

#header .right a#flg:hover{
	text-decoration: none;
	background: url('img/header-right-flg-ah.jpg') top left no-repeat;
}

#header #thTWO {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 178px;
	clear: both;
}

#header #thTWO .left {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 178px;
	background: url('img/header-left-2.jpg') top left no-repeat;
	float: left;
}

#header #thTWO .right {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 178px;
	background: url('img/header-right-2.jpg') top left no-repeat;
	float: left;
}

#header #thTHREE {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 216px;		
	clear: both;
}

#header #thTHREE .left {
	margin: 0;
	padding: 0;
	width: 500px;
	height: 216px;
	background: url('img/header-left-3.jpg') top left no-repeat;
	float: left;
}

#header #thTHREE .right {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 261px;
	background: url('img/header-right-3.jpg') top left no-repeat;
	float: left;
}

#header #thBOTTOM {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 231px;
	background: #fff url('img/header-bottom.jpg') top left no-repeat;	
	position: relative;
}

#header #thBOTTOM .sidebar {
	top: 10px;
	left: 180px;
	width: 620px;
	height: 232px;
	padding: 0;
	position: absolute;
}

header #thBOTTOM .sidebar .rand {
	padding: 0 10px 10px 0;
}

#header #thBOTTOM .sidebar h1 {
	margin: 0 0 2px 0;
	padding: 3px 5px;
	font: italic normal 13px/16px 'Sylfaen', 'Georgia', 'Times New Roman', Serif;
}

#header #thBOTTOM .sidebar .blue, #header #thBOTTOM .sidebar .bluee, #header #thBOTTOM .sidebar .green, #header #thBOTTOM .sidebar .rose {
    margin: 0;
	padding: 0;
	top: 0;
	width: 150px;
	position: absolute;
}

#header #thBOTTOM .sidebar .blue {
	left: 0; 
}

#header #thBOTTOM .sidebar .rose {
	left: 155px;
}

#header #thBOTTOM .sidebar .bluee {
	left: 310px;
}

#header #thBOTTOM .sidebar .green {
	left: 465px;
}

#header #thBOTTOM .sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;	 
}

#header #thBOTTOM .sidebar ul li {
	margin: 1px 0 0 0;
	padding: 0;
	font: normal 13px/16px 'Times New Roman', 'Georgia', Serif;
}

#header #thBOTTOM .sidebar ul li a {
	display: block;
	padding: 2px;
	text-decoration: none;
}

#header #thBOTTOM .sidebar .blue ul li a, #header #thBOTTOM .sidebar .bluee ul li a {
	color: #74e4ff;
	background: #7a83c0;
}

#header #thBOTTOM .sidebar .blue ul li a:hover, #header #thBOTTOM .sidebar .bluee ul li a:hover {
	color: #7a83c0;
	background: #74e4ff;
}

#header #thBOTTOM .sidebar .green ul li a {
	color: #79ffc8;
	background: #699e8b;
}

#header #thBOTTOM .sidebar .green ul li a:hover {
	color: #699e8b;
	background: #79ffc8;
}

#header #thBOTTOM .sidebar .rose ul li a {
	color: #b03d72;
	background: #b777b0;
}

#header #thBOTTOM .sidebar .rose ul li a:hover {
	color: #e3aead;
	background: #b03d72;
}

#content {
	margin: 0 0 0 160px;
	padding: 0px;
	width: 640px;
	background: url('img/content-bg.jpg') top left repeat-x;
	position: relative;
}

#content .rand {
	padding: 10px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		margin: 1px 0px 2px 0px;
		padding: 5px 5px 2px 5px;	 	
	 	clear: both;
}

#content h1 {
	color: #6d98a4;
	font: normal bold 18px/18px 'Times New Roman', 'Georgia', Serif;	
	text-align: left;
	text-shadow: #000 1px 1px;	
}

#content h1 span {
	margin: 0px;
	padding: 0px 3px 12px 3px;
	color: #400040;
	font: normal 8px/9px 'Georgia', 'Times New Roman', Serif;
	text-shadow: none;
}

#content h2 {	
	color: #a73f74;
	font: normal bold 18px/16px 'Georgia', 'Times New Roman', Sans-Serif;
	text-align: right;	
	text-shadow: #800000 1px 1px;
}

#content h2 span {
	margin: 0px;
	padding: 12px 2px 3px 2px;
	color: #000040;
	font: normal 8px/9px 'Georgia', 'Times New Roman', Serif;
}

#content h3 {
	color: #ffc0c0;
	font: normal bold 18px/18px 'Tahoma', 'Times New Roman', Sans-Serif;
	text-align: center;	
	text-shadow: #4040ff 1px 1px; 
}

#content h3 span {
	margin: 0px;
	padding: 0px 2px 13px 2px;
	color: #400000;
	font: normal 8px/9px 'Georgia', 'Times New Roman', Serif;
}

#content a {
 	margin: 0px 3px;
 	padding: 0px;
	color: #ce32ab;
	text-decoration: none;
}

#content a:hover {
	color: #7432ce;
	text-decoration: none;
}

#content b, #content strong {
	color: #895d95;
}

#content i, #content em {
	color: #6435a5;
}

#content s, #content strike {
	color: #c67660;
}

#content u {
	color: #008080;
	border-bottom: 1px dashed #ebffa5;
}

#content input, #content textarea {
	margin: 1px 0px 1px 0px;
	padding: 2px;
	color: #407a79;
	background: #eef6f6;
	border: 1px solid #cde5e5;
}

#content input:focus, #content textarea:focus{
	border: 1px solid #7a4070;
}

#content input:hover, #content textarea:hover{
	border: 1px solid #4a407a;
}

#content ul {
	margin: 0px;
	padding: 0px;
}

#content .gfx, #content .ava {
	margin: 0px 1px 1px 0px;
	padding: 5px;
	color: #cdf1f0;
	font: normal 10px/11px 'Georgia', 'Times New Roman';
	background: #c18e7e url('img/gfx.jpg');
	border: 1px solid #fdebed;
	text-align: center;
	float: left;
}

#content .gfx img, #content .ava img {
	margin: 0;
	padding: 3px;
	background: url('img/gfx-img.jpg');
}

#content .preview {
	margin: 0px 1px 1px 0px;
 	padding: 0px;
 	width: 120px;
 	height: 73px; 
	background-color: transparent;	
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center center; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;
}

#content .download {
	float: left;   
	margin: 0px 6px 6px 0px;
	padding: 0px; 
	background: #555555; 
	text-align: center;
	color: #FFF;
}

#content .download .rand {
	padding:5px;
}

#content .download small {
	font: normal 7.5pt/14pt 'Georgia', 'Times New Roman', Sans-Serif;
	padding: 0px;
	text-align: center;
}

#content .download a {
	display: block;
	margin: 2px 0px;
	padding: 2px;
	color: #c40645;
	background: #252525;
	text-decoration: none;
	text-align: left;
}

#content .download a:hover {
 	margin: 2px 0px;
	padding: 2px;
	color: #b30981;
	background: #55025a;
	text-decoration: none;
}

#content .download b {
	color: #62716f;
	font-family: "Arial", "Verdana", "Tahoma", Serif;
}


#content .center {
	padding: 0px 0px 0px 20px;
}

#content a.tooltip {
	position: relative;
	z-index: 20; 
	text-decoration: none;
}

#content a.tooltip:hover {
	z-index: 25; 
	text-decoration: none;
}

#content a.tooltip span{ 
	display: none;
}

#content a.tooltip:hover span{
	background: #11141d; 
	display: block; 
	position: absolute;
	top: 1px; 
	left: 5px; 
	width: 120px; 
	padding: 3px 7px; 
	border: 2px solid #2f374f; 
	color: #fff; 
	text-align: left; 
}

#ontent a.tooltip:hover span strong{
	color: #749c94;
}

#content .navigation {
	margin: 5px 0px;
	padding: 0px;
	text-align: center;
}

#content .navigation a {
	margin: 0px 1px 0px 1px;
	padding: 2px 3px;
	color: #8a7e4c;
	font-weight: bold;
	background: #b4a874 url('img/navi-a.jpg') top left repeat-x;	
	text-decoration: none;
	text-align: center;
}

#content .navigation a:hover {
	color: #84447c;
	background: #b267a7 url('img/navi-ah.jpg') top left repeat-x;
	text-decoration: none;
}

#content .linkexchange {
	margin: 0px 1px 1px 0px;
	padding: 5px;
	color: #bb9b93;
	font: normal 7px/8px 'Small Fonts', 'Georgia';
	background: #e9e0dd;
	border: 1px solid #d2beb8;
	text-align: right;
	float: left;
}

#content .linkexchange a {
	margin: 0px;
	padding: 1px;
	color: #a4786e;
	font: normal bold 10px/10px 'Times New Roman', Sans-Serif;
	text-decoration: none;
}

#content .linkexchange a:hover {
	color: #fff;
	text-decoration: none;
}

#content .linkexchange img {
	margin: 0px;
	padding: 2px;
}

#content .square ul, #content .square-red ul {
	margin: 5px;
	padding: 0px;
	list-style: square inside;
}

#content .square ul li {
 	margin: 0px 0px 1px 0px;
 	padding: 0px;
	color: #0c10aa;
	font-weight: bold;
}

#content .square-red ul li {
 	margin: 0px 0px 1px 0px;
 	padding: 0px;
	color: #a90d0d;
	font-weight: bold;
}

#content table {
	border: 1px solid #c0c0c0;
}

#content table td {
	border-bottom: 1px solid #c0c0c0;
}

#content table th {
	color: #217989;
	font: bold 18px/100% 'Sylfaen', 'Times New Roman', Sans-Serif;
	height: 25px;
	background: #9dd0db url('img/th.jpg') bottom left repeat-x;
	text-align: center;
}

#content table th:first-letter {
	color: #892141;
}

#content table td.name {
 	padding: 5px;
	color: #15176f;
	background: #d5d5d9;
	font-weight: bold;
	text-align: center;
}

#content table td.origin, #content table td.mean, #content table td.nameday {
 	padding: 5px;
	color: #ada077;
	background: #e5e5e7;
	text-align: center;
}

#footer {
 	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 200px;
	border-top: 5px solid #000000;
	background: #31868f;
	text-align: center;
	clear: both;
	position: relative;
}

#footer .rand {
	padding: 15px 50px 25px 50px;
} 

#footer a {
	margin: 0px;
	padding: 2px;
	color: #5e128a;
	background: #f9f9f8;
	text-decoration: line-through;
	border-radius-topright:8px;
	border-radius-topleft:0px;
	border-radius-bottomright:0px;
	border-radius-bottomleft:8px;
	
    -moz-border-radius-topright:8px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:8px;
	
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:8px;
	
	-khtml-border-radius-topright:8px;
 	-khtml-border-radius-topleft:0px;
 	-khtml-border-radius-bottomright:0px;
 	-khtml-border-radius-bottomleft:8px;
}

News-CSS:

.news-content {
	margin: 15px 0 5px 0;
	padding: 0;
	width: 620px;
	font: normal 15px/120% 'Georgia', 'Times new Roman', 'Trebuchet MS', Serif;
	color: #e1e9ff;
	background: #32aaac url('img/news-bg.jpg') top left no-repeat;
	clear: both;
}

.news-content p.date {
 	margin: 0;
	padding: 0; 
	width: 60px;
	height: 60px;
	color: #0a000a;
	font: italic normal 17px/100.2% 'Georgia', 'Times New Roman', Sans-Serif;
	background: url(img/trans.png) top left;
	text-align: center;
	float: right;
}

.news-content p.date span {
 	text-transform: uppercase;
 	font-style: normal;
 	display: block;
}

.news-content p.update {
 	margin: 0;
	padding: 0; 
	width: 200px;
	height: 60px; 
	color: #0a000a;
	font: italic normal 10px/125% 'Trebuchet MS', 'Tahoma', Sans-Serif;
	background: url(img/trans.png) top left;
	text-align: center;	
	float: left;
}

.news-content p.update span.abstand {
	padding: 2px 5px;
}

.news-content p.update a{
 	color: #404040 !important;	
 	text-decoration: none !important;
 	border: none !important;
}

.news-content p.update a:hover{
 	color: #a56baf !important;	
 	text-decoration: none !important;
 	border: none !important;
}

.news-content p.line {
	margin: 0;
	padding: 0;
	display: block;
	height: 5px;
	background: url('img/line.png') top left;
	clear: both;
}

.news-content .newsr {
 	padding: 10px;
}

.news-content p.comment {
 	margin: 0 0 5px 0;
	padding: 3px; 
	display: block;	
	color: #004040;
	font: italic bold 13px/120% 'Trebuchet MS' ,'Georgia', 'Times New Roman', Sans-Serif;
	background: #83ffe2 url('img/comment.jpg') top left repeat-x; 
	text-align: center;
	float: right;
}

.news-content p.comment a {
 	padding: 3px;
 	color: #008d9e !important;
 	text-decoration: none !important;
 	border: none !important;
 	text-shadow: #001c1c 1px 1px;
}

.news-content p.comment a:hover { 	
 	color: #9567ff !important;
 	text-decoration: none !important;
 	border: none !important;
 	text-shadow: #08001c 1px 1px;
}

.news-content .heading {
	margin: 0;
	padding: 3px 3px;
	display: block;
	color: #0a000a !important;
	font: italic normal 13px/100.2% 'Georgia', 'Times New Roman', Sans-Serif;
	background: #979797 !important;
	text-align: center;
}

Ich wrde mich echt freuen, wenn mir jemand helfen knnte, da ich den feher zum verrecken nicht finde. Ich dache auch zu nchst daran, dass es an diesem position: absolute und relative liegen knnte, aber irgendwie wohl doch nicht.

LG Katjana

sliced grafiken richtig positionieren

Wed, 25 Aug 2010 00:08:48 +0200

Hallo ich habe das Tutorial Webseiten Layout mit Photoshop erstellen - Tutorial versucht mit der weiterleitung. Allerdings sieht die Seite etwas komisch aus. Hier einmal das Bild.
Dazu den style.css Code

/* 
  Design Name: 	Tutorial-Site
  Author: 		Alice
  Author URI:	http://design-grafixx.com
*/

body {
	background: #ECEBD9 url('BILDER/Hintergrund_links.jpg') repeat-x;  		/* Hintergrundbild das senkrecht wiederholt wird */
	color: #686864;														/* Schriftfarbe */
	font: 0.9em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;	/* Schriftgroesse und Schriftart */
	margin: 0px;														/* Aussenabstand */
}

p, pre{ 
	padding: 5px 10px; 		/* Innenabstand */
	margin: 0px; 			/* Aussenabstand */
	color: #2E2E3A;			/* Schirftfarbe */
}

ul { 
	list-style: square; 	/* Liststyle => Quadrat */
}

.left { 
	text-align: left; 		/* Textausrichtung */
	float: left; 			/* Element umflieen lassen - links */
	padding-left: 5px;		/* Innenabstand */
}

.right { 
	text-align: right;		/* Textausrichtung */
}

/* ----------------------------------------- */

#ram { 	
	background: url('bilder/Mitte.jpg') repeat-y;		/* Hintergrundbild das senkrecht wiederholt wird */
	width: 1024px;										/* Bereit des Div-Elements */
	margin: 0px auto;									/* Aussenabstand - durch auto = mittige Ausrichtung */
}

#header {
	background: url('bilder/Header.jpg') repeat-x;		/* Hintergrundbild das senkrecht wiederholt wird */
	width: 744px;										/* Bereit des Div-Elements */
	height: 137px;										/* Hoehe des Div-Elements */
	margin: 0px 344.5px 0px 344.5px;						/* Aussenabstand */
	padding: 0px;										/* Innenabstand */
}

#content {		
	width: 744px;										/* Bereit des Div-Elements */
	margin: 0px 344.5px 0px 344.5px;						/* Aussenabstand */
	padding: 0px 0px 0px 0px;						/* Innenabstand */
	float: left;										/* Element umflieen lassen - links */
}

#navi{
	width: 140px;										/* Bereit des Div-Elements */
	margin: 25px 879px 0px 5px;							/* Aussenabstand */
	padding: 0px 0px 0px 0px;							/* Innenabstand */
}

* html #navi{	/* Angabe nur fuer den IE */										
	margin: 0px 0px 0px 0px;
}

	#navi ul{
		list-style: square inside;						/* Liststyle => Quadrat */
		margin: 0px auto;								/* Aussenabstand */
		padding: 0px;									/* Innenabstand */
	}

#footer {
	background: #ECEBD9 url('bilder/Mitte_unten.jpg') top no-repeat;	/* Hintergrundbild das nicht wiederholt wird */
	clear: both;										/* hebt float: left; wieder auf*/
	width: 716px;										/* Bereit des Div-Elements */
	height: 578px;										/* Hoehe des Div-Elements */
	margin: 0px auto;									/* Aussenabstand */
	padding: 25px 0px 0px 0px;								/* Innenabstand */
	line-height: 36px;									/* Zeilenhoehe*/
	text-align: center;									/* Textausrichtung */
	color: #969789;										/* Textfarbe */
}

 Links
--------------------------------------------------------------------------- */

A {	/* generelle Formatierung eines Links */
	color: #A2B710; 									/* Textfarbe */
	text-decoration: none;								/* Definiert das der Link nicht unterstrichen ist */
}

A:visited { /* Besuchter Link */
	color: #494833;  									/* Textfarbe */
	text-decoration: underline;							/* Definiert dass der Link unterstrichen ist */
}

A:hover, A:active {	/* Aktiver Link & wenn man mit der Maus drueber faehrt */
	color: #686864;  									/* Textfarbe */
	text-decoration: underline;							/* Definiert dass der Link unterstrichen ist */
}

 headlines
--------------------------------------------------------------------------- */

h1{
	color: #A2B710;										/* Textfarbe */
	text-align: left; 									/* Textausrichtung */
	padding: 0 5px 5px 5px;								/* Innenabstand */
	font: normal 1.6em verdana, tahoma, sans-serif;		/* Schriftgroesse und Schriftart */
}

h2{
	color: #65666B;										/* Textfarbe */
	text-align: left;  									/* Textausrichtung */
	padding: 0 5px 0px 5px;								/* Innenabstand */
	font-size: 1.4em;									/* Schriftgroesse */
}

h3{
	color: #BA7EBA;										/* Textfarbe */
	text-align: left; 									/* Textausrichtung */	
	padding: 0 5px 5px 5px;								/* Innenabstand */
	font-size: 1.3em;									/* Schriftgroesse */

sowie den html code



Ingrid Otling Renaud Hebamme aus leidenschaft





	
    
    
		
			Home
			About me
            Projekte
            Referenzen
            Kontakt
            Impressum

ich habe da schon ein bisschen dran herum gedoktort allerdings versteh ich nicht auf die verschiedenen gesliceden Bilder sich nicht vernnftig aneinanderfgen.
Wenn Ihr einmal drber schauen knntet wre das echt nett.

lg Jeronimonino

Werbebanne Schr�g ausrichten.

Fri, 16 Apr 2010 11:05:17 +0200

Hallo liebe leutz,

ich melde mich hier da die Seite hier meiner Meinung nach her die einzig coole ist.

Ich habe aber ein Problem mit einer Website die ich erstellt habe.
Ich muss dort mindestens 4 Werbebanner unterbringen. Und da Bilder "machen" zum Urlaubsfieling passt wollte ich einen Fotostreifen machen.
Leider sieht der ziemlich gay aus wenn er gerade nach unten verluft, deswegen mchte ich ihn schrg machen jedoch hat mein Kumpel gesagt das es nicht mglich ist die Banner Schrg anzeigen zu lassen (html or what ever).

Jedoch ist es meine Einzige mglichkeit den Fotostreifen zu verwenden und das in Schrg.
Also bin ich gezwungen jetzt eine Lsung zu finden.

Die Banner sind Flash animiert.

Es wrde mich freuen wenn ihr mir helfen knntet da ich bissl wie voll aufn Schlauch stehe.

PS: Der Fotostreifen ist nicht final und wird spter noch komplett neu gemacht

img121.imageshack.us/img121/1035/unt44ecopy.jpg

Problem: Positionierung Tooltip (CSS)

Thu, 25 Mar 2010 14:39:52 +0100

Hallo,

wie der Titel des Threads schon sagt, habe ich ein kleines Problem bei der Positionierung meiner Tooltips.
Habe eine Page gebastelt, die includes (php) nutzt. Das heit, die Lnge meiner index.php ist dynamisch und meist unterschiedlich. Auf Wunsch habe ich jetzt Tooltips eingebaut, wie hier im Tutorialbeschrieben, funktionieren auch alle super. Auer die im unteren Teil der Page, die aufgrund des dynamischen Contents eben keine feste Position haben.

Wie schaff ich es, dass diese Tooltips immer bei ihren Links/Bildern/etc. bleiben?

Umlaute werden nicht angezeigt

Tue, 02 Feb 2010 20:29:35 +0100

Ich hab ein kleines Problem, und zwar bei meiner index.php werden die Umlaute nicht angezeigt. Es erscheinen kuriose Umlaute wie "draufgängerisch" oder "März". Weiss jemand vielleicht an was es liegen knnte? Die Umlaute werden nur nicht bei Cutenews angezeigt.

Pattern in CS4

Mon, 25 Jan 2010 16:22:53 +0100

Ich hab mich gefragt, wie ich es anstelle in Photoshop CS4 Patterns wie diesen hier hochzuladen und zu benutzen. Kann mir jemand vielleicht schildern wie ich jpg bzw. png usw. Patterns nutzen kann?

Hier ein Beispiel Pattern, den ich via deviantart gefunden habe:

lightbox tutorial

Thu, 21 Jan 2010 17:31:08 +0100

hallo!
ich hab css und html grad frisch erlernt und habe dank dem tutorial die lightbox 2.04 erfolgreich auf meiner seite angewandt.

aber: wenn ich auf ein bild zum vergrern klicke, erscheint es zwar mit dem weien rahmen, aber mir werden nicht die symbole fr "close" oder "next" angezeigt.

ich kann aber auf die "leeren stellen" klicken, dann schliet es, bzw. mir wird das nchste bild aus der gallerie angezeigt.

woran kann das liegen? ich hab in der lightbox.css datei nichts verndert.

gru, jenni

Frage zum Float

Fri, 01 Jan 2010 13:45:03 +0100

Huhu Leute, ich habe da mal eine frage, denn sowirklich hab ich da nie eine lsung gefunden.

Also, es gibt ja im CSS dieses Attribut/Befehl float. Und da wollte ich halt fragen kann man das irgendwie machen, dass wenn man float:left angegeben hat, dass man dann trotzdem der content noch einiger massen mittig ist, also der seiten abstand.

Also visuelles beispiel XD

Also, meines Avas sind float:left und haben zur rechten seite einen mir zu groen abstand, ich wollte gerne so haben, dass die mittig sind, aber wenn ich um das ganze einen div mit align=center machen, sind die immer noch nicht mittig, was kann man da gegen tuen. Ich hoffe ich konnte mein problem verstndlich ausdrcken.

LG Katjana

3 Divs mit BG-Bildern, sollen sich wiederholen

Mon, 16 Nov 2009 11:54:44 +0100

Hallo,

ich habe ein kleines Problem. Ein Bekannter htte gerne sein Design Tabellenfrei angepasst. Das ist auch kein Problem soweit, jedoch hnge ich jetzt an einer Stelle.
Der Content besteht aus Bildern. Dem rechten und linken Rand, sowei den Mittelteil, wo der Text hineinsoll. Diese sollen sich nun jetzt per repeat-y alle nach unten ausweiten und sich dem Text anpassen.

Habe jede Grafik in ein einzelnes Div gepackt und sie in einen Div, der die gesamte Breite aller drei Bilder zusammen hat gesteckt. Leider funktioniert diese MEthode nur, wenn ich eine feste Gre (Hhe) angebe. Leider verfehlt das etwas den Sinn eines Stylesheets, da ich so fr jede Seite eine fixe Gre bruchte.

Kann mich jemand auf den richtigen Weg fhren?

MfG

D.

Seiten der Navigation werden nicht im Content angezeigt

Sun, 15 Nov 2009 18:23:41 +0100

Huhu ^^

Tya die doofe Akime hat wieder mal eins ihrer Problemchen engegen zu bringen ^^
Und zwar:

Ich hab jetzt neuerdings meine ganze Webside neu gestaltet (heit frisch gecodet + neuer Anstrich etc.) und jetzt hab ich en richtig dmliches Problem.
(brigens ist das Layout ein Iframelayout)
Auf Opra werden alle Seiten, die in der Navi stehen im Content normal ausgegeben - also die Seiten werden im Content aufgefhrt.
Im IE oder aber auch auf Firefox ffnet sich immer wieder eien neue Seite, wenn man die Navigation anklickt.
Jetzt die Preisfrage: wie werd ich das blo los ?
Ich mchte das sich die Seiten im FF und im IE wie in Opra ffnen.
Kann mir da jemand helfen ?
Ich finde im Html wie im CSS (im CSS ist es unwahrscheinlich ich wei xD) Text nix, was darauf hindeuten knnte, warum sich die Seiten immer wieder in neuen ffnen.
Man gibt doch bei Frames immer die ID an, wo ich die Seite ffnen soll oder ?
Also bei mir wre es target="content".
Stimmt das so ?

Zur berprfung hab ich mal hier die Indexdatei hinterlassen:




Fairysnow - Have a lot of F.U.N.




























 
 




 
 
 
 
 
 
 




Layout by Fairysnow / Picture by Yaichino / Farther Credits by Alice-Grafixx / Hoster - Evilhosting.de

Vielen Dank fr die Hilfe ^^

Grle, Akime

Liegt es an der Indexdatei ???

Sun, 08 Nov 2009 12:30:15 +0100

Hallu ^^

Yah, ich hab schon eeewig kein Thema mehr erffnet ^^
Zeit es also zu tun.

Und zwar hab ich folgendes Problem:
Ich hab letztens ein Layout als Probe hochgeladen.
Hier die Indexdatei:




Fairysnow - Have a lot of F.U.N.





























 
 




 
 
 
 
 
 
 




Layout by Fairysnow / Picture by Yaichino / Farther Credits by Alice-Grafixx

In Opra wird dieses Layout fehlerfrei angezeigt (Url: s6.directupload.net/images/091108/aquwzwql.jpg) - in Firefox jedoch ffnet sich folgendes:

Wie ist die gegenwrtige Einstufung von fairysnow.bplaced.net?

Diese Website ist als verdchtig eingestuft. Das Aufrufen dieser Website kann schdlich fr Ihren Computer sein!

Ein Bestandteil dieser Website wurde in den letzten 90 Tagen 3 mal aufgrund verdchtiger Aktivitten auf die Liste gesetzt.

Welche Befunde hat Google beim Besuch dieser Website festgestellt?

Bei 1 Seite(n) von insgesamt 14 Seiten dieser Website, die wir in den letzten 90 Tagen getestet haben, wurde festgestellt, dass Malware (Schadsoftware) ohne Einwilligung des Nutzers heruntergeladen und installiert wurde. Der letzte Besuch von Google auf dieser Website war am 2009-11-01 und verdchtiger Content wurde auf dieser Website zuletzt am 2009-11-01 gefunden.

Die Malware wird in 3 Domain(s) gehostet, darunter theprevious.ru/, the-another-life.ru/, smertest.ru/.

This site was hosted on 1 network(s) including AS24940 (HETZNER).

Hat diese Website als bertrger zur Weiterverteilung von Malware fungiert?

In den letzten 90 Tagen hat fairysnow.bplaced.net anscheinend nicht als bertrger fr die Infektion von Websites fungiert.

Hat diese Website Malware gehostet?

Nein, diese Website hat in den letzten 90 Tagen keine Malware gehostet.

Wie kam es zu dieser Einstufung?

Gelegentlich wird von Dritten bsartiger Code in legitime Websites eingefgt. In diesem Fall wird unsere Warnmeldung angezeigt.

Jetzt wei ich nicht was ich davon halten soll; denn als ich den Validator durchlaufen gelassen hab, kam heraus, dass sich ein merkwrdiger Script auf der Indexseite befindet, denn ich zuvor jedoch berhaupt nicht eingegeben hatte.
Und zwar:

Und das Schlimmste daran ist, dass er immer wieder auftaucht, egal wie oft ich danach die Indexdatei dann hochladen lasse - denn auf der Originalindexdatei auf meinem PC ist er normal.
Auch davor schon musste ich meine alte Indexdatei zigfach am Tag neu hochladen, weil pltzlich Teile der Indexdatei nicht mehr angezeigt wurden (wie Navi, Links etc.).

Ich habe wirklich keine Ahnung mehr, was ich noch tun knnte....
Bitte helft mir qq
Ich bin total verzweifelt x.x

Grle, Akime

P.S.: Das das

CSS Dropdownnavigation?

Fri, 30 Oct 2009 17:13:43 +0100

Last Pictures

Sun, 27 Sep 2009 12:45:22 +0200

Hey,
Ich wei ich schon wider es ist nur so ich finde das forum super da ich immer antworten auf meine fragen bekomme das ist nciht in allen foren so
Jetzt zu meiner frage es gibt so ein Last Pictures script fr Coppermine Gallery nur hab ich keine ahnug wie ich es benutzen kann hier ist ein bsp fr das was ich meine
http://selena-daily.org/ einfach runter auf last image
es wre echt nett wenn mir jemand helfen knnt.

Hover Effekt??

Mon, 21 Sep 2009 14:10:04 +0200

hey
ich benutze Adobe Photoshop CS4 und bin grad dabei ein neues lay zu erstellen nur kapier ich des mit dem Hover Effekt irgendwie nicht knnt mir jemand helfen ich hab schon ein tutorial gelesen nur nix kapiert.
Danke

Bilderwechsel

Thu, 17 Sep 2009 18:56:01 +0200

hey,
ich bin grad dabei ein neues lay fr meine seite zu machen nur wollte ich das die Bilder im Header sich bewegen ich wei das es dazu ein script gibt nur leider wei ich nicht woher ich das bekomme und wie ich das benutze ich wrde mich mega freuen wenn mir jemand helfen wrde.

Opera aber nicht Firefox

Thu, 13 Aug 2009 16:04:13 +0200

Hallo ihr Lieben,
nun sitze ich also an meiner Homepage. Wollte grade meine Navi coden und hab es mir die ganze Zeit im Opera angeschaut.
Nun gucke ich im Firefox und das klappt so nicht.
Schaut es euch mal im Firefox an little-strange.de/test/
die CSS Datei findet ihr unter little-strange.de/test/css.css

Ich weiss nicht, was der Fehler ist. Ich habe mir den Code fr die Navi aus einem Design von Shizoo geholt (wofr ich spter natrlich einen Credit setzen werde)
shizoo.frozen-media.de/stuff/layouts/52/ Das hier ist das Design, wo ich die Navi her hab.

Ich danke euch schon mal im Vorraus

Lightbox

Sat, 08 Aug 2009 16:43:13 +0200

Huhu Leute,
ich hab da eine kleine Frage zum design einer Lightbox.
Laso, ich hab nmlich den HG und das Loading-Icon verndert, was ja nur in den Ordner tuen und als kurz in der Css-Datei was reinschreiben, bezglich des Hintergrundes. Mehr hab ich auch nicht getan, aber trotzdem wird beu mir Lightbox das X zum schlieen nicht angezeigt.

http://www.unknown.bplaced.net/partner.php

Knnt ihr mir da vielleicht helfen?
LG Katjana

Frage zu css Layout

Tue, 21 Jul 2009 21:32:52 +0200

Hallo,
ich habe ein einfaches 3 spalten layout. Das funktioniert mit firefox 3.0.1 super aber mit IE 6.0 funktioniert das floaten nicht. Was mache ich falsch? Kann mir jemand helfen?

html code:

Blindtext

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. natis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper n

BindtextBindtextBindtext

BlindtextBindtextBindtext

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

css Datei:
/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRSSE ----------------
---------------------------------------------------*/

body {
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size: 12px;
letter-spacing: 0.001em;
color: #60513B;
background: #EFB14B;
background-repeat:repeat-y;
line-height: 17px;
text-align: left;
}

h1,
h2,
h3 {
font-weight: bold;
margin-bottom: 0.7em;
}

h1,
h2 {
color: #ad1910;
}

h1 {
color: #ED9C35;
font-size: 16px;
}

h2 {
font-size: 2.0em;
}

h3 {
font-size: 1.2em;
color: #505862;
}

blockquote {
color: #f18110;
}

.navlink:link,
.navlink:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

.navlink:hover,
.navlink:focus,
.navlink:active {
color: #ffffff ;
font-weight: bold;
text-decoration: none;
}

a:link,
a:visited,
a:hover {
color: #9F1E02;
text-decoration: none;
}

a:focus,
a:active {
color: #9F1E02;
text-decoration: none;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/
#container {
width: 100%;
background-color: #ffffff;
border: 0px solid #dcdcdc;
padding: 0px;
margin: 0px auto 0px auto;
}

#contentbox {
width: 927px;
background-color: #ffffff;
border: 0px solid #dcdcdc;
padding: 0px;
margin: 8px auto 0px auto;

}

#header {
width: 927px;
height: 230px;
padding: 0px;
margin: 0px auto 0px auto;
background-color: #f0f0f0;
font-size:93%;
line-height:normal;
}

#navi {
height: 21px;
background-color: #9F1E02;
text-align: center;
padding-top: 3px;
margin: 15px 0px 0px 0px;
}

#navi ul li {
padding: 8px;
background-color: transparent;
display: inline;
}

#content {
background-color: transparent;
padding: 0px;
margin: 0px auto;
width: 927px;
}

#sidebarLeft {
width: 170px;
float: left;
}

#mainContent {
margin: 15px 0px 0px 0px;
float: right;
width: 547px;
}

#wrapper {
float: left;
width: 747px;
}

#sidebarRight {
width: 150px;
float: right;
}

#footer,
.clearfloat {
clear: both;
}

#content p {
margin-bottom: 20px;
}

#footer p {
font-size: 0.9em;
text-align: center;
}

#buehne {
background-color:#444;
clear:both;
height:10px;
width:100%;
}
/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/
.fl {
float: left;
padding-right: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

�-� etc. - bei Bplaced nicht angezeigt ???!

Sat, 30 May 2009 00:25:35 +0200

Huhu >.<

Ich hab schon wieder ein bldes Problem, aber ich wei nicht, ob es mit dem Hoster zu tun hat oder mit meinen Htmlknsten ...
Bei Ohost wurde die Seite problemlos angezeigt, und bei Bplaced werden alle Sonderzeichen durch eine Raute ersetzt - aber ich hab noch eine andere Seite und da werden alle Sonderzeichen ganz normal angezeigt.
Was ist das Problem ?

LG, Akime

Brauche Hilfe!! ;)

Thu, 21 May 2009 11:19:53 +0200

Hey! Ich mchte mir eine eigene Homepage machen! Ich habe bereits ein Account bei MYBLOG, da kann man mit dem Vollprofi seine HP komplett eigen gestalten! Leider habe ich gar keine Ahnung wie das geht! Ich muss da Quellcodes eingeben und so! Kann mir niemand vielleicht ein wenig helfen oder ein paar Tipps geben wie man das lernen kann! Ich wrde das wirklich gern lernen doch im Net findet man nicht so viel, ich habe bis jetzt nur Links bekommen von Seiten wo berlange Texte stehen und ich keine Lust habe diese alle zu lesen und am Ende doch nicht weiter gekommen bin! :S Wrde mich auf Antworten freuen =) Tschsss

Schlagschatten in div...

Thu, 09 Apr 2009 20:15:06 +0200

Hallo ihr Profis
habe ein kleines Design Problem... und zwar wie schon o.g. htte ich wahnsinnig gern diesen Schlagschatten, die auch hier an den Rndern verwendet werden. Ich habe keinen Plan wie ich das machen soll...
Hoffe ihr knnt mir da weiterhelfen )

LG,
Mika

Suchfeld formatieren

Mon, 30 Mar 2009 20:31:14 +0200

Hallo,
ich habe folgenden Code fr ein Suchfeld:

Ich mchte nun den Submit Button durch ein Bild (quadratisch) ersetzen. Das Eingabefeld und der Button sollen die gleiche Hhe haben.
Wie mssen die CSS Style Angaben aussehen... bei mir verspringt immer alles.

Viele Gre

Tom

Div-Container Layout

Thu, 26 Mar 2009 19:41:07 +0100

Huhu Leute,
ich brauch nochmal einen Rat von einem experten.
Denn, ich habe mir jetzt mal angewhnt, keine Tabellenlayouts zu machen, sondern es mit Div-container zu coden.

Aber mein Problem ist folgenes, es wird in FireFox und Apple Safari perfekt bzw. richtig ausgegeben, aber in IE berhaupt nicht.
Da ist das layout zu weit unten und der Content zu breit.
Kann mit einer vielleicht noch mal sagen was ich da so falsch gemacht habe?

http://loyalty-cards.net.ms/

Und hier damit es auch passt, der link zur CSS-Datei:

http://daspeak.pytalhost.net/PPPLG.css

Ich hoffe, mir kann jemand schnell helfen.
LG Katjana

Hilfe zum Drop-down menu

Sun, 22 Mar 2009 18:38:22 +0100

Huhu Leutchen,
ich melde mich mal wieder mit einem Problem, was mich gerade etwas aggressiv macht.

Es ist zwar eins mit einem Giatu-Tutorial, aber ich bekomm immer so spt da eine Antwort.

Also, ich hatte mich mit diesem Tutorial befasst: Klick

So, aber sobald ich auf meine Bildchen gehe, erscheint nichts und ich wei einfach nicht, wieso...

Naja, hier auch noch die Seite, dort msst ihr nur auf den Quelltext, um die Css- und Javascriptdatei zu sehen: ...Klick...

Ich hoffe, ich habe alles ntig angeben,wenn nicht, dann bescheid sagen.

LG Katjana

content Div +

Tue, 17 Mar 2009 14:14:15 +0100

Hallo,

habe ein kleines Problem mit meinen div-containern. Vielleicht kann mir ja jemand helfen :-)

Also ich habe mir in Photoshop ein Template fr ein CMS erstellt und es, erstaunlicher Weise, betrachtet man die Mehrheit die mit diesem CMS arbeiten, anstatt in Tabellen in Div-Container gepackt. Da meine letzten Arbeiten an einer Homepage schon ein paar Jhrchen zurckliegen sitze ich in einer kleinen Zwickmhle.

Ich habe den Slice fr den Content in der Mitte, aber auen noch zwei weitere Divs mit den "Puffern":

So. Die beiden grauen Flchen sollen sich (inklusive dem schwarzen Rand) ebenfalls wiederholen, wenn sich der Content ausweitet. Tun dies aber leider noch nicht.

Ich habe um den kompletten Content Bereich noch einen Div gelegt und die 3 Grafiken eben dann in den andern divs darin positioniert. Leider luft nun weder der Content oder die Puffer mit dem Inhalt

CS3 Extended

Tue, 10 Feb 2009 00:07:08 +0100

Photoshop ist ein GRAFIKPROGRAMM mit einem Grafikprogramm tut man was?
Genau Grafiken erstellen ...

Fuer Dinge wie HTML und CSS benoetigt man einen Editor und kein Grafikprogramm!

Erstes Div Layout tipps gesucht

Fri, 06 Feb 2009 17:34:53 +0100

Stichwort Conditional Comments bzw. CSS Hacks

Dateiupload - auch mit Html oder Javascript m�glich ?

Wed, 14 Jan 2009 15:10:58 +0100

Hallo Akime,

so ganz ohne Serverseitige Skriptsprache wirst du das nicht schaffen, du musst ja irgendwie die Datei vom Client Rechner auf den Webspace schaffen, das funktioniert nur mit HTML und Javascript alleine leider nicht ...

Da muss schon PHP fuer her, damit die Datei dann auch auf den Webspace geladen wird.

Liebe Gruesse
Alice

Forumsrand abrunden

Wed, 31 Dec 2008 17:20:32 +0100

Hallo,

wie ist es mglich, ein Forum wie z.b. Rapid, abzurunden?
Ich habe schon bei self html geschaut, jedoch siehts da fr den IE sehr schlecht aus, dass es angezeigt wird.
Per Bilder hab ich es auch schon versucht, wenn nun aber die Kategoriezeile aus 5 Bildern unterschiedlicher Lnge besteht, ich haber nur ein bild eingebe... dann habe ihc ja nix gekonnt

http://i41.tinypic.com/rmsfwm.jpg

Oder gibt es einen Code dafr, wie ich in einer Zeile jeder Spalte ein extra bild verpassen kann?

Im Endeffekt mchte ich die rnder abgerundet z.b. durch einen transparenten effekt haben. Die bilder dazu zu machen ist nicht das Problem, nur die umsetzung ^^

Weiss von euch jemand Rat?

a:link Definationprobleme

Fri, 19 Dec 2008 19:53:32 +0100

Ein Link zur Seite waere ganz hilfreich,
da hier aus dem CSS alleine nicht wirklich hervorgeht, wie es mit dem 'Vererben' von Eigenschaften aussieht ...

Liebe Gruesse
Alice

schriftart

Tue, 14 Oct 2008 17:28:28 +0200

Hallo,
Das kannst du mit CSS ndern zum Bleistift:

So Fgst du das in den Head Bereich ein.

Und mit einer externen css Datei mit nem Link:

Die CSS Datei kannst du mit nem Texteditor erstellen indem du sie style.css oder deinedatei.css nennst. es muss immer die endung .css haben !

Gru Pascal

Ach ja hab ich Vergessen. In die Css Datei fgst du den Code dann so ein :

body, div, td {
font-family:verdana;
font-Size: 9px;
Color: #a8a8a8; 
}

Div-Layouts coden...

Sat, 11 Oct 2008 10:53:36 +0200

hmm ... ich kann dir jetzt nicht alles hier erklaeren, da muesste ich erst das Layout selber coden. Vielleicht schaust du ja einmal auf Giatu, da gibt es ein Tutorial, wo das Coden von Div-Layouts eigentlich schon sehr verstaendlich erklaert wird ( Div-Layout coden )
Wenn dir das immer noch nicht weiterhilft, sag Bescheid, dann kann ich versuchen, dir alles genauer zu erlaeutern...

Affilate Manager mit Css ... ???

Sun, 21 Sep 2008 16:22:45 +0200

Mit CSS kannst du vielleicht den Style des Affi-Managers festlegen, aber mehr auch nicht
Vielleicht habe ich dich aber auch falsch verstanden, dann waere es nett, wenn du mir erklaeren koenntest, wie genau du das meinst...
Liebe Gruesse,
himbeere

Probleme �ber Probleme...

Wed, 06 Aug 2008 16:37:13 +0200

Entweder du setzt Conditional Comments ein,
oder CSS Hacks um dem IE gerecht zu werden ...

Oder eben du lebst damit,
dass die Seite nicht in allen Browsern korrekt dargestellt wird

Fehler im Div Layout?

Thu, 15 May 2008 16:14:07 +0200

meinst du im body oder #layout?

Button neben der Webadresse - Code

Sun, 27 Apr 2008 19:23:08 +0200

Huhu Suzuki,
es gibt da ein Tutorial auf Giatu, das genau dies beschreibt

FavIcon-Tutorial

Automatische Scrollbalken

Thu, 24 Apr 2008 14:35:33 +0200

Hallo Nirusan,

diese Scroll-Funktion ist zwar wirklich nett anzusehen, allerdings in meinen Augen nicht alltagstauglich, da User die Javascript deaktiviert haben keine Moeglichkeit haben zu scrollen!

Solltest du es trotzdem nutzen wollen, so reicht ein Blick in den Quelltext des Layouts, da steht eigentlich alles drin was du wissen musst.

Liebe Gruesse Alice

hilfe von anfang an

Tue, 08 Apr 2008 19:00:18 +0200

Also: Auf dieser Website findest du alles ber HTML/CSS & PHP - super erklrt und auf Deutsch *gg* Link:SELFHTML

Hintergrundbild wird nicht angezeigt

Wed, 02 Apr 2008 00:49:39 +0200

Hallo Chrissie,

dein Fehler besteht lediglich darin,
dass zwischen url und (bild.jpg) kein Leerzeichen vorhanden sein darf

Also so:

body {
text-align:center;
background-color:#003355;
background-image: url(images/astrosterne.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: center;
}

Wobei ich die abgekuerzte Variante bevorzuge:

body {
text-align:center;
background:  #003355 url(images/astrosterne.jpg) center no-repeat fixed;
}

Liebe Gruesse Alice

zentriertes Div-Layout

Tue, 26 Feb 2008 19:45:45 +0100

also mit divs geht es am besten =)

Super wenn due Dreamweaver httest damit kannst du die Div super verschieben/vergrern ^^

als ein div sieht so aus:

div style="position: absolute; width: 437px; height: 324px; left:19px; top:123px"

nur vorne musst du ein < und hinten ein > machen =)

also ich denke die namen width und so erklren sich von selber wenn du noch probleme hast einfach melden =)

Valides ..?

Sat, 23 Feb 2008 11:02:39 +0100

Hallo Nobi,

als ich damals ein neues Newssystem gesucht hatte,
habe ich leider kein geeignetes gefunden, welches valide war ...

Halt doch, da gab es eines,
das hat aber dann Tabellen fuer die Ausgabe der News verwendet,
das is noch viel schlimmer...

Wieso schreibst du dir nicht einfach selbst eines,
wenn es nicht gar zu umfangreich sein sollte, duerfte dies eigentlich kein Problem fuer dich sein ...

Schau doch mal hier -> http://tut.php-quake.net/newsscript.html vorbei,
da wird es prima erklaert und am Ende hast du ein valides Newsskript

Liebe Gruesse Alice

Div-Layouts..

Sat, 08 Sep 2007 22:15:07 +0200

Ein Tutorial dazu ist mir keines bekannt,
sowas brauchte ich nie ...

Ich kann dir nur ein gutes Buch zum Thema HTML empfehlen,
welches ich mir einmal zugelegt hatte.

Es schimpft sich HTML fr Kids von Robert R. Agular ...

Das Buch ist sehr lustig geschrieben und vorallem sehr leicht verstaendlich.
Bei uns gab es das damals in der Stadtbuecherei,
vielleicht schaust du mal in deiner Buecherei vorbei,
da findest du bestimmt ein paar gute Buecher zum Thema

Frau Edit sprach:
Achso ich haette dir hier doch ein feines Tutorial zu dem Thema ...
-> CSS Layout erstellen

Liebe Gruesse Alice