CSS Layout erstellen: Hilfe

Jonas23 · 03. März 2009

anna55 schrieb:
In dieser Zeile steht ein ö. Setz hier die Entity ein: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Zeichenvorrat, Sonderzeichen und HTML-eigene Zeichen

Dein HTML hat immer noch keinen korrekten Aufbau.

Vom linken Rand bekommst Du Dein Formular weg, wenn Du bei SELFHTML in die Suche 'Abstand links' eingibst. Unter anderem wird dann gelistet: SELFHTML: Stylesheets / CSS-Eigenschaften / Außenrand und Abstand. Das Element, das Du nun ansprechen willst, heißt 'form'.

Meinen Hinweis, Dich mal mit dem p-Tag zu beschäftigen, hast Du damit beantwortet, dass der in der kopierten Vorgabe steht. Deine Frage war jedoch, wie Du verschiedene Felder nebeneinander stellen kannst. Mit anderen Worten: Du willst etwas an dem Vorgegebenen ändern. Also lies nach: SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz. Vielleicht fällt Dir ja etwas dazu ein.

Vielen Dank für deine Links, dass mit den Abständen von Links hab ich mit style="margin-left:11em" gemacht
jedoch dass zwei Felder nebeneinander sind zerbreche ich mir den Kopf
und noch style="margin-left:11em" ist dieser Tag dynamisch

anna55 · 03. März 2009

Wo hakt's denn? Du hast gelernt, dass p einen neuen Absatz einleitet: SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Textabsätze
Das bedeutet, wenn bei Deinem Forumular Felder nebeneinander stehen sollen, nimmst Du eben ein Inline-Element wie 'span'.

PHP:

<p class="input">Stück à 90.00 CHF <span style="margin-left:15px;">Grösse</span><br />
<input size="17" name="Stueck" type="text" />
<select name="Grousse" size="1">
<option selected="selected"></option>
<option>S</option>
<option>M</option>
<option>L</option>
<option>XL</option>
</select></p>

Und zu Deiner Abstandsfrage, margin-left in em anzugeben.
SELFHTML: Stylesheets / CSS-Formate definieren / Maßeinheiten, Farbangaben und Wertzuweisung
Ich würde hier px nehmen, da Du ne Hintergrundgrafik mit einer festen Breite hast.

Jonas23 · 04. März 2009

Vielen Dank
hab ihn jetzt mal gemacht

gefällt er dir
nun ist noch meine Frage mit <br> gibt es so einen riesen Abstand kann ich oder muss ich den mit margin: top bestimmen.

und ausserdem hab ich ihn durch den validome geschickt
aber die fehler weiss ich nicht wie beheben

mfg
Jonas

kkapsner · 04. März 2009

Valide:

Code:

<!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> 
	<link rel="stylesheet" type="text/css" href="Shop/shop.css" /> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<title>Shop</title>
	<script type="text/javascript">
/* <![CDATA[ */
function chkFormular () {
		
	  var prueflinge = new Array(
	        {
	            node: document.Formular.NameShirt,
	            re: /./,
	            alertText: "Bitte den Namen des T-Shirt eingeben!"
	        },
	        {
	            node: document.Formular.Stueck,
	            re: /./,
	            alertText: "Bitte die Stückzahl eingeben!"
	        },
	        {
	            node: document.Formular.Grousse,
	            re: /./,
	            alertText: "Bitte die Grösse eingeben!"
	        },
	        {
	            node: document.Formular.Name, 
	            re: /./,
	            alertText: "Bitte Ihre Name und Vorname eingeben!"
	        },
	        {
	            node: document.Formular.Wohnort,
	            re: /./,
	            alertText: "Bitte Ihren Wohnort eingeben!"
	        },
	        {
	            node: document.Formular.Ort,
	            re: /./,
	            alertText: "Bitte den Ort und Postleitzahl eingeben!"
	        },
	        {
	            node: document.Formular.Land,
	            re: /./,
	            alertText: "Bitte Ihr Land eingeben!"
	        },
	        {
	            node: document.Formular.Telefon,
	            re: /./,
	            alertText: "Bitte Ihre Telefonnummer eingeben!"
	        },
	        {
	            node: document.Formular.Email,
	            re: /./,
	            alertText: "Bitte Ihre E-Mail-Adresse eingeben!"
	        },
	        {
	            node: document.Formular.Email,
	            re: /@/,
	            alertText: "Keine E-Mail-Adresse!"
	        }
	    );
	    for (var i = 0; i < prueflinge.length; i++){
	        if (!prueflinge[i].re.test(prueflinge[i].node.value)){
	            alert(prueflinge[i].alertText);
	            prueflinge[i].node.focus();
	            return false;
	        }
	    }
};
/* ]]> */
	</script>
	
	<style type="text/css">
/* <![CDATA[ */
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
/* ]]> */
	</style>
<!--[if IE 6]>
<style type="text/css">
/* <![CDATA[ */
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
/* ]]> */
</style>
<![endif]-->
	<style type="text/css">
/* <![CDATA[ */
 p { text-align:left; }
/* ]]> */
	</style>
</head> 
<body> 
<br /><br />
<div id="container">
	<div id="header"></div>
	<div id="mainnav">
		<ul class="solidblockmenu">
			<li><a href="http://www.matterdesign.ch/2.html">Home</a></li>
			<li><a href="http://www.matterdesign.ch/under construction.html">T-Shirt</a></li>
			<li><a href="http://www.matterdesign.ch/shop.html" class="current">Shop</a></li>
			<li><a href="http://www.matterdesign.ch/under construction.html">About Us</a></li>
		</ul>
	</div>
	<form name="Formular" action="http://scripts.swiss-web.com/mailform.exe"
	method="post" onsubmit="return chkFormular()">
		<font face="Arial, Helvetica, sans-serif" size="2">
			<input type="hidden" name="email_charset:iso8859" />
			<input type="hidden" name="email_to" value="formular@matterdesign.ch" />
			<input type="hidden" name="email_subject" value="Mailformular"/>
			<input type="hidden" name="email_server" value="mail.matterdesign.ch" />
			<input type="hidden" name="success_message_url" value="http://www.matterdesign.ch/wlformular.html" />
			<input type="hidden" name="email_option:copy_to_sender" />
			<input type="hidden" name="default_email_from" value="mail.matterdesign.ch" />
		</font>
		<br />
		<p class="input" style="margin-left:1em">
			Name des T-Shirt's 
			<span style="margin-left:17px;">Stück à 90.00 CHF</span>
			<br />
			<select name="NameShirt" size="1">
				<option selected="selected"></option>
				<option>Positiv Thinker</option>
				<option>Freedom</option>
				<option>Rainbow Freaks</option>
				<option>Many Rabbits</option>
				<option>Beauty</option>
				<option>Family Tree</option>
				<option>Puzzle</option>
				<option>Kid and Tree</option>
				<option>Photogramm</option>
				<option>Smog</option>
				<option>Only for Love</option>
				<option>Stewardess</option>
			</select>
			<input size="14" name="Stueck" type="text" style="margin-left:15px;" />
		</p>
		<p class="input" style="margin-left:1em" >
			Grösse
			<br />
			<select name="Grousse" size="1">
				<option selected="selected"></option>
				<option>S</option>
				<option>M</option>
				<option>L</option>
				<option>XL</option>
			</select>
		</p>
		<p class="input" style="margin-left:1em">
			Name, Vorname
			<span style="margin-left:45px;">Strasse</span>
			<br />
			<input type="text" size="30" name="Name" />
			<input type="text" size="30" name="Wohnort" style="margin-left:15px;" />
		</p>

		<p class="input" style="margin-left:1em">Postleitzahl, Ort<span style="margin-left:50px;">Land</span>
			<br />
			<input type="text" size="15" name="Ort" />
			<input type="text" size="30" name="Land" style="margin-left:15px;" />
		</p> 
		<p class="input" style="margin-left:1em">Telefon<span style="margin-left:100px;">E-Mail</span>
			<br />
			<input type="text" size="15" name="Telefon" />
			<input type="text" size="28" name="Email" style="margin-left:15px;" />
		</p>
		<br />
		<font face="Arial, Helvetica, sans-serif" size="2">
			<input type="submit" value="Senden" name="btn_Send" style="margin-left:1em" ></input>
			<input type="reset" value="Zurücksetzen" name="btn_Reset" style="margin-left:25px" ></input>
		</font>
	</form>
</div>

<div id="content_all"></div>
<div id="menu"></div>
<div id="contents"></div>
<div id="footer"></div>
</body> 
</html>

Jonas23 · 04. März 2009

vielen vielen Dank
jetzt ist er valide
aber
schau selbst

kkapsner · 04. März 2009

Hattest ein paar nicht geschlossene DIVs - hab falsch geraten. So sollte es passen:

Code:

<!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> 
	<link rel="stylesheet" type="text/css" href="Shop/shop.css" /> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<title>Shop</title>
	<script type="text/javascript">
/* <![CDATA[ */
function chkFormular () {
		
	  var prueflinge = new Array(
	        {
	            node: document.Formular.NameShirt,
	            re: /./,
	            alertText: "Bitte den Namen des T-Shirt eingeben!"
	        },
	        {
	            node: document.Formular.Stueck,
	            re: /./,
	            alertText: "Bitte die Stückzahl eingeben!"
	        },
	        {
	            node: document.Formular.Grousse,
	            re: /./,
	            alertText: "Bitte die Grösse eingeben!"
	        },
	        {
	            node: document.Formular.Name, 
	            re: /./,
	            alertText: "Bitte Ihre Name und Vorname eingeben!"
	        },
	        {
	            node: document.Formular.Wohnort,
	            re: /./,
	            alertText: "Bitte Ihren Wohnort eingeben!"
	        },
	        {
	            node: document.Formular.Ort,
	            re: /./,
	            alertText: "Bitte den Ort und Postleitzahl eingeben!"
	        },
	        {
	            node: document.Formular.Land,
	            re: /./,
	            alertText: "Bitte Ihr Land eingeben!"
	        },
	        {
	            node: document.Formular.Telefon,
	            re: /./,
	            alertText: "Bitte Ihre Telefonnummer eingeben!"
	        },
	        {
	            node: document.Formular.Email,
	            re: /./,
	            alertText: "Bitte Ihre E-Mail-Adresse eingeben!"
	        },
	        {
	            node: document.Formular.Email,
	            re: /@/,
	            alertText: "Keine E-Mail-Adresse!"
	        }
	    );
	    for (var i = 0; i < prueflinge.length; i++){
	        if (!prueflinge[i].re.test(prueflinge[i].node.value)){
	            alert(prueflinge[i].alertText);
	            prueflinge[i].node.focus();
	            return false;
	        }
	    }
};
/* ]]> */
	</script>
	
	<style type="text/css">
/* <![CDATA[ */
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
/* ]]> */
	</style>
<!--[if IE 6]>
<style type="text/css">
/* <![CDATA[ */
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
/* ]]> */
</style>
<![endif]-->
	<style type="text/css">
/* <![CDATA[ */
 p { text-align:left; }
/* ]]> */
	</style>
</head> 
<body> 
<br /><br />
<div id="container">
	<div id="header"></div>
	<div id="mainnav">
		<ul class="solidblockmenu">
			<li><a href="http://www.matterdesign.ch/2.html">Home</a></li>
			<li><a href="http://www.matterdesign.ch/under construction.html">T-Shirt</a></li>
			<li><a href="http://www.matterdesign.ch/shop.html" class="current">Shop</a></li>
			<li><a href="http://www.matterdesign.ch/under construction.html">About Us</a></li>
		</ul>
		<form name="Formular" action="http://scripts.swiss-web.com/mailform.exe"
		method="post" onsubmit="return chkFormular()">
			<font face="Arial, Helvetica, sans-serif" size="2">
				<input type="hidden" name="email_charset:iso8859" />
				<input type="hidden" name="email_to" value="formular@matterdesign.ch" />
				<input type="hidden" name="email_subject" value="Mailformular"/>
				<input type="hidden" name="email_server" value="mail.matterdesign.ch" />
				<input type="hidden" name="success_message_url" value="http://www.matterdesign.ch/wlformular.html" />
				<input type="hidden" name="email_option:copy_to_sender" />
				<input type="hidden" name="default_email_from" value="mail.matterdesign.ch" />
			</font>
			<br />
			<p class="input" style="margin-left:1em">
				Name des T-Shirt's 
				<span style="margin-left:17px;">Stück à 90.00 CHF</span>
				<br />
				<select name="NameShirt" size="1">
					<option selected="selected"></option>
					<option>Positiv Thinker</option>
					<option>Freedom</option>
					<option>Rainbow Freaks</option>
					<option>Many Rabbits</option>
					<option>Beauty</option>
					<option>Family Tree</option>
					<option>Puzzle</option>
					<option>Kid and Tree</option>
					<option>Photogramm</option>
					<option>Smog</option>
					<option>Only for Love</option>
					<option>Stewardess</option>
				</select>
				<input size="14" name="Stueck" type="text" style="margin-left:15px;" />
			</p>
			<p class="input" style="margin-left:1em" >
				Grösse
				<br />
				<select name="Grousse" size="1">
					<option selected="selected"></option>
					<option>S</option>
					<option>M</option>
					<option>L</option>
					<option>XL</option>
				</select>
			</p>
			<p class="input" style="margin-left:1em">
				Name, Vorname
				<span style="margin-left:45px;">Strasse</span>
				<br />
				<input type="text" size="30" name="Name" />
				<input type="text" size="30" name="Wohnort" style="margin-left:15px;" />
			</p>

			<p class="input" style="margin-left:1em">Postleitzahl, Ort<span style="margin-left:50px;">Land</span>
				<br />
				<input type="text" size="15" name="Ort" />
				<input type="text" size="30" name="Land" style="margin-left:15px;" />
			</p> 
			<p class="input" style="margin-left:1em">Telefon<span style="margin-left:100px;">E-Mail</span>
				<br />
				<input type="text" size="15" name="Telefon" />
				<input type="text" size="28" name="Email" style="margin-left:15px;" />
			</p>
			<br />
			<font face="Arial, Helvetica, sans-serif" size="2">
				<input type="submit" value="Senden" name="btn_Send" style="margin-left:1em" ></input>
				<input type="reset" value="Zurücksetzen" name="btn_Reset" style="margin-left:25px" ></input>
			</font>
		</form>
	</div>
	
	<div id="content_all"></div>
	<div id="menu"></div>
	<div id="contents"></div>
	<div id="footer"></div>
<div>
</body>

Jonas23 · 04. März 2009

wuah vielen Dank
was wäre ich nur ohne euch

Jonas23 · 04. März 2009

hab noch ne Frage
wie kann ich runde bilder angeben, weisst du ein bild das unten ein bisschen abegrundet ist,
er macht es mir mit diesem code immer eckig

#menu {
float:left;
height: 353px;
width: 508px;
background-image:url(menu.jpg);
background-repeat:no-repeat;
}

vielen Dank

anna55 · 04. März 2009

Let me google that for you

oder auch mit JS
Nifty Corners

Jonas23 · 04. März 2009

Vielen Dank für deine Links
kannst mal schauen, wie es nun aussieht
nun hab ich wieder das Problem dass beim IE es zwischen der Navi und dem Hauptteil einen Rand gibt Shop wie kann ich den wegmachen

und noch eine Frage ich hab einen Content und ich muss etwa 9 Bilder drauf setzen
wie soll ich dass am besten machen in html oder css
in html wäre meine frage wie ich dann die Position stuern kann damit es immer noch dynamisch ist.

mfg
jonas

kkapsner · 05. März 2009

So valide und sieht im IE auch halbwegs aus:

Code:

<!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> 
	<link rel="stylesheet" type="text/css" href="Shop/shop.css" /> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<title>Shop</title>
	<script type="text/javascript">
/* <![CDATA[ */
function chkFormular () {
		
	  var prueflinge = new Array(
	        {
	            node: document.Formular.NameShirt,
	            re: /./,
	            alertText: "Bitte den Namen des T-Shirt eingeben!"
	        },
	        {
	            node: document.Formular.Stueck,
	            re: /./,
	            alertText: "Bitte die Stueckzahl eingeben!"
	        },
	        {
	            node: document.Formular.Grousse,
	            re: /./,
	            alertText: "Bitte die Groesse eingeben!"
	        },
	        {
	            node: document.Formular.Name, 
	            re: /./,
	            alertText: "Bitte Ihre Name und Vorname eingeben!"
	        },
	        {
	            node: document.Formular.Wohnort,
	            re: /./,
	            alertText: "Bitte Ihren Wohnort eingeben!"
	        },
	        {
	            node: document.Formular.Ort,
	            re: /./,
	            alertText: "Bitte den Ort und Postleitzahl eingeben!"
	        },
	        {
	            node: document.Formular.Land,
	            re: /./,
	            alertText: "Bitte Ihr Land eingeben!"
	        },
	        {
	            node: document.Formular.Telefon,
	            re: /./,
	            alertText: "Bitte Ihre Telefonnummer eingeben!"
	        },
	        {
	            node: document.Formular.Email,
	            re: /./,
	            alertText: "Bitte Ihre E-Mail-Adresse eingeben!"
	        },
	        {
	            node: document.Formular.Email,
	            re: /@/,
	            alertText: "Keine E-Mail-Adresse!"
	        }
	    );
	    for (var i = 0; i < prueflinge.length; i++){
	        if (!prueflinge[i].re.test(prueflinge[i].node.value)){
	            alert(prueflinge[i].alertText);
	            prueflinge[i].node.focus();
	            return false;
	        }
	    }
};
/* ]]> */
	</script>
	
	<style type="text/css">
/* <![CDATA[ */
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
/* ]]> */
	</style>

<!--[if IE 6]>
<style type="text/css">
/* <![CDATA[ */
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
/* ]]> */
</style>
<![endif]-->
	<style type="text/css">
/* <![CDATA[ */
 p { text-align:left; }
/* ]]> */
	</style>
</head> 
<body> 
<br /><br />
<div id="container">
	<div id="header"></div>
	<div id="mainnav">
		<ul class="solidblockmenu">
			<li><a href="http://www.matterdesign.ch/index.html">Home</a></li>

			<li><a href="http://www.matterdesign.ch/under construction.html">T-Shirt</a></li>
			<li><a href="http://www.matterdesign.ch/shop.html" class="current">Shop</a></li>
			<li><a href="http://www.matterdesign.ch/aboutus.html">About Us</a></li>
		</ul>
	</div>
	<div id="content_all">
		<div id="menu">
			<form name="Formular" action="http://scripts.swiss-web.com/mailform.exe"
				method="post" onsubmit="return chkFormular()">
				<input type="hidden" name="email_charset:iso8859" value="" />
				<input type="hidden" name="email_to" value="formular@matterdesign.ch" />
				<input type="hidden" name="email_subject" value="Mailformular" />
				<input type="hidden" name="email_server" value="mail.matterdesign.ch" />
				<input type="hidden" name="success_message_url" value="http://www.matterdesign.ch/wlformular.html" />
				<input type="hidden" name="email_option:copy_to_sender" value="" />
				<input type="hidden" name="default_email_from" value="mail.matterdesign.ch" />
				<p class="input" style="margin: 13px; margin-left:1em; font-size: 14px;">
					Name des T-Shirt's 
					<span style="margin-left:23px;">Stück à 90.00 CHF</span>
					<br />
					<select name="NameShirt" size="1">
						<option selected="selected"></option>

						<option>Positiv Thinker</option>
						<option>Freedom</option>
						<option>Rainbow Freaks</option>
						<option>Many Rabbits</option>
						<option>Beauty</option>
						<option>Family Tree</option>

						<option>Puzzle</option>
						<option>Kid and Tree</option>
						<option>Photogramm</option>
						<option>Smog</option>
						<option>Only for Love</option>
						<option>Stewardess</option>

					</select>
					<input size="14" name="Stueck" type="text" style="margin-left:15px;" />
				</p>
				<p class="input" style="margin: 13px; margin-left:1em; font-size: 14px;" >
					Grösse
					<br />
					<select name="Grousse" size="1">
						<option selected="selected"></option>
						<option>S</option>

						<option>M</option>
						<option>L</option>
						<option>XL</option>
					</select>
				</p>
				<p class="input" style="margin: 13px; margin-left:1em; font-size: 14px;">
					Name, Vorname
					<span style="margin-left:45px;">Strasse</span>

					<br />
					<input type="text" size="30" name="Name" />
					<input type="text" size="30" name="Wohnort" style="margin-left:15px;" />
				</p>
				<p class="input" style="margin: 13px; margin-left:1em; font-size: 14px;">
					Postleitzahl, Ort
					<span style="margin-left:50px;">Land</span>
					<br />
					<input type="text" size="15" name="Ort" />

					<input type="text" size="30" name="Land" style="margin-left:15px;" />
				</p> 
				<p class="input" style="margin: 13px; margin-left:1em; font-size: 14px;">
					Telefon
					<span style="margin-left:101px;">E-Mail</span>
					<br />
					<input type="text" size="15" name="Telefon" />
					<input type="text" size="28" name="Email" style="margin-left:15px;" />
				</p>
				<br />

				<font face="Arial, Helvetica, sans-serif" size="2">
					<input style="margin-left:1em; height: 26px;" type="submit" value="Senden" name="btn_Send" />
					<input style="margin-left:25px; height: 26px;" type="reset" value="Zurücksetzen" name="btn_Reset" />
				</font>
			</form>
		</div>
		<div id="contents"></div>
	</div>
	<div id="footer"></div>
</div>
</body>
</html>

PS: Wieso war der Code denn schon wieder invalid?
PPS: Was meinst du mit dynamische Position?

EDIT: Hatte ich fast vergessen: Du kannst als Hintergrundbild natürlich ein Bild mit runden Ecken nehmen - nur muss es hald dann einen transparenten Hintergrund haben (gif/png)

PPPS: Wow 111 Posts

Jonas23 · 05. März 2009

Vielen Dank für deine Hilfe
als zum dynamischen
ich hab im css ein Bild als background image in einem Content angegeben mit einem Template dass das ganze Design dnyamisch ist aber wenn ich jetzt die Bilder im html reincode und sie auch in den richtigen Content tue bleiben sie nicht wo ich sie angegeben habe.
mfG

anna55 · 05. März 2009

Hi Jonas23, was willst Du denn machen, ich verstehe Deine Beschreibung nicht.
Willst Du eine Bildergalerie für die T-Shirts machen, eventuell mit kleinen Bildern, die auf Klick größer zu sehen sind?

Edit: @kkapsner: Du hast die 1000 überschritten, super: auf die nächsten 1000.

Jonas23 · 05. März 2009

anna55 schrieb:
Hi Jonas23, was willst Du denn machen, ich verstehe Deine Beschreibung nicht.
Willst Du eine Bildergalerie für die T-Shirts machen, eventuell mit kleinen Bildern, die auf Klick größer zu sehen sind?

Edit: @kkapsner: Du hast die 1000 überschritten, super: auf die nächsten 1000.

ja genau Anna das ist das was ich vorhatte

Glw kkapsner

dkdenz · 05. März 2009

So langsam finde ich es doch etwas krass, das Du Dir eine offensichtlich zukünftig komerzielle Seite von den Leuten hier zusammenklöppeln lässt, anstatt Dich auf Deinen Hintern zu setzen und erstmal die Basics zu lernen.
Du nutzt unsere Gutmütigkeit ganz schön aus.

anna55 · 05. März 2009

Nun, die Seite scheint wohl ein Projekt des älteren Bruders zu sein, ich meine Jonas23 hat das mal irgendwo erwähnt. Und er möchte das umsetzen, allerdings geht das halt ohne Basics eben nicht, wie Jonas23 das schon mehrfach feststellen musste.

Ich hab eigentlich auch schon Angst, Vorschläge für die T-Shirt-Gallerie zu machen, weil die Umsetzung wohl auch wieder neue Fragen aufwirft.

Jonas23 · 05. März 2009

ok danke nochmals für eure Hilfe
dann muss ich mich halt mehr umschauen und vlt komme ich selber drauf
was ich schon probiert habe
nochmals vielen Dank

anna55 · 05. März 2009

Du hast selbst gesagt, dass Du wenig Zeit hast und es grade richtig schlecht passt, Dich damit richtig auseinanderzusetzen. Mir gefällt, dass Du dranbleibst. Allerdings schreibst Du mir zu oft, dass Du mit etwas nicht zurecht kommst, z.B. mit den Fehlern, die Validome Dir angezeigt hat, anstatt selbst nach Lösungen zu suchen.

Du hast Dir ein sehr spannendes Gebiet ausgesucht, aber ohne Lesen, Lesen, Lesen und immer wieder auch Probieren geht's halt nicht.

Ich hätte als Bildervorschläge Dir z.B. eine CSS-Galerie von Stu Nicholls empfohlen, wie hier: Stu Nicholls | CSSplay | Cross Browser Multi Page Photograph Gallery. Du kannst dprt über die Navigation mit next und previous weitere Beispiele finden.

Natürlich geht auch JavaScript, wie hier: Highslide JS - JavaScript thumbnail viewer.

Jonas23 · 05. März 2009

Ein ganz grosses Dankeschön an Anna, vielen DAnk für die Links, habe gefunden was ich gesucht habe, Highslide jedoch muss ich dort noch schauen wegen der Linzenz.
Nun werde ich dem Rat von Herr Denz und Ihnen Anna55 folgen und nicht mehr dieses gute Forum zuposten, werde mich richtig reinhängen dass ich vlt in einiger Zeit auch jungen oder Anfängern wie ich jetzt zu Rat stehen kann.

Nun nochmals Danke für eure Unterstützung

Anna55
miraaza
kkapsner
dkdenz
ein schlauer
theend

vielen Dank
ich hoffe ich bin hier weiterhin noch willlkommen und fragen darf
einen schönen Abend und auf ein Wiedersehen

anna55 · 05. März 2009

Klar darfst Du weiter fragen - unter einer Bedingung: Du sagst weiterhin Du zu uns.

CSS Layout erstellen: Hilfe

New member

Moderator

New member

Super Moderator

New member

Super Moderator

New member

New member

Moderator

New member

Super Moderator

New member

Moderator

New member

New member

Moderator

New member

Moderator

New member

Moderator