hallo, ich arbeite gerade an der hp meiner kleinen tochter.
das design hab ich nun auch schon jedoch komme ich mit der anpassung nicht ganz klar.
so sieht es bis jetzt aus:
es sollte so sein dass wenn man auf die seite geht die obere und untere grafik mit der seite abschliesen also das unten nicht frei ist. weiß jemand was ich meine? ich wäre euch echt verbunden wenn mir jemand sagen könnte wie ich das lösen kann
Schau dir das CSS an, hab am ende bisschen was eingefügt. Dem DIV außenrum hab ich ne ID gegeben und der Tabelle 100% höhe. Ausserdem ein überflüssiges
…
am ende gelöscht.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>>>>Lena´s little World<<<</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(backgroundlenaslittleworld.jpg);
}
body,td,th {
color: #339933;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:link {
color: #99CC00;
font-weight: bold;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #99CC00;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #99FF00;
}
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
DIV#wrapper{
border:0;
height:100%
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script></head><body>
<div align="center" id="wrapper">
<table width="800" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td background=")Lena%B4s%20little%20World(-Dateien/lenalogo.jpg" height="328" width="800"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p> </td>
</tr>
<tr>
<td background=")Lena%B4s%20little%20World(-Dateien/mainbglena.jpg"><p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<div id="Layer1" style="position: absolute; width: 444px; height: 115px; z-index: 1; left: 301px; top: 340px;"> Kommt ein Mäuschen <br>
und will ins Häuschen <br>
macht klingeling <br>
und bingebing <br>
schaut die Mama heraus <br>
und weg ist die Maus
Kommt ein Mäuschen <br>
und will ins Häuschen <br>
macht klingeling <br>
und bingebing <br>
schaut die Mama heraus <br>
und weg ist die Maus
Kommt ein Mäuschen <br>
und will ins Häuschen <br>
macht klingeling <br>
und bingebing <br>
schaut die Mama heraus <br>
und weg ist die Maus </div>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p> <p> </p>
<p> </p></td>
</tr>
</tbody></table>
</div>
</body></html>oh ja klasse genau dass meinte ich…nun hätt ich doch glatt noch eine frage.
ich hab ja eine ebene eingefügt da diese aber bei den browsern und den bildschirmgrößen immer anders aussieht kann man statt dessen tabellen einfügen? ich hab vorher mal probiert eine ein zu fügen in der mitt und an der seite für die navigation aber die waren immer verschoben
habe noch grade ne frage…wenn ich jetzt einen längeren text habe und man weiter runter scorllen muss hört die grafik dann auf sachau so ungefair möchte ich das haben
Schmeiß den Layer raus mit samt den ganzen
.
…
und darein packst du deinen Text.…
kannst du ja dann noch gerade bei den abständen mit CSS anpassen.EDIT: so etwa:
<style>
...
P#text{
margin-left:50px;
}
</style>
...
<td background=")Lena%B4s%20little%20World(-Dateien/mainbglena.jpg" valign="top">
<p id="text">
Kommt ein Mäuschen <br />
und will ins Häuschen <br />
macht klingeling <br />
und bingebing <br />
schaut die Mama heraus <br />
und weg ist die Maus
<br />
<br />
Kommt ein Mäuschen <br />
und will ins Häuschen <br />
macht klingeling <br />
und bingebing <br />
schaut die Mama heraus <br />
und weg ist die Maus
<br />
<br />
Kommt ein Mäuschen <br />
und will ins Häuschen <br />
macht klingeling <br />
und bingebing <br />
schaut die Mama heraus <br />
und weg ist die Maus
</p>
</td>
...ohje…so gut kenn ich mich auch nicht aus ggg…den layer hab ich zwar druaßen jetzt und hab ne tabelle eingefügt nur weiß ich nicht wie ich jetzt 2 einfüge eine wo der text rein kommt und die andere für die navigation…könntest du mir da helfen?
[code]
>>>Lena´s little World<<<
|
|
Habs nochmal schnell überarbeitet. Ist allerdings nicht wirklich professionell,
da mit Tabellen. Kannst ja noch bissl dran feilen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>>>>Lena´s little World<<<</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(backgroundlenaslittleworld.jpg);
}
body,td,th {
color: #339933;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:Dein Link {
color: #99CC00;
font-weight: bold;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #99CC00;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #99FF00;
}
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
DIV#wrapper{
border:0;
height:100%
}
P#text{
margin-left:50px;
}
P.link{
margin-left:20px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script></head><body>
<div align="center" id="wrapper">
<table width="800" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody><tr>
<td background=")Lena%B4s%20little%20World(-Dateien/lenalogo.jpg" height="328" width="800"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p> </td>
</tr>
<tr>
<td background=")Lena%B4s%20little%20World(-Dateien/mainbglena.jpg" valign="top">
<table width="100%" border="0">
<tr>
<td width="73%" valign="top">
<p id="text">
Kommt ein Mäuschen <br />
und will ins Häuschen <br />
macht klingeling <br />
und bingebing <br />
schaut die Mama heraus <br />
und weg ist die Maus
<br />
<br />
Kommt ein Mäuschen <br />
und will ins Häuschen <br />
macht klingeling <br />
und bingebing <br />
schaut die Mama heraus <br />
und weg ist die Maus
<br />
<br />
Kommt ein Mäuschen <br />
und will ins Häuschen <br />
macht klingeling <br />
und bingebing <br />
schaut die Mama heraus <br />
und weg ist die Maus
</p>
</td>
<td width="27%" valign="top">
<p class="link">
<a href="#">Dein Link</a><br />
<a href="#">Dein Link</a><br />
<a href="#">Dein Link</a><br />
<a href="#">Dein Link</a><br />
<a href="#">Dein Link</a><br />
</p>
</td>
</tr>
</table>
</td>
</tr>
</tbody></table>
</div>
</body></html>
oh super perfekt…genau so wollte ich dass…ich danke dir vielmals
hm jetzt hab ich doch nochmal eine frage ggg…ich hoffe das ich nicht nerve…und zwar…
ich schreibe jetzt in die tabellen…will aber den text in der mitte haben hab also
eingegeben…
nun ist aber der text nicht ganz in der mitte sondern eher nach rechts das bei der navi passt so…
dann hätte ich zu der schrift noch eine frage…kann ich dass im css ändern wenn ich auf einen link gehe das die schrift automatisch um 1 pixel grüßer wird?
Das liegt am margin für P#text. den mußt du einfach anpassen, biss es passt.
hm ich chekc das nicht…auch der abstand sieht sehr komisch aus…weil eigendlich sollte bei der navi zwischen der überschrift und den links ein platzhalter sein…
[CODE]
>>>Lena´s little World<<<
|
|
Mach doch nach der Überschrift einfach noch ein:<p> </p>
super danke gg
ich habe leider noch paar probleme mit den tabellen ich versuche schon seid 30 min den text in die mitte zu bekommen aber er ist immer viel zu sehr vesetzt, ich habs jetzt nochmal mit ner tabelle probiert
[code]
>>>Lena´s little World<<<
|
|
der code ist nun geändert aber die schrift ist immer noch verschoben
Soll es so aussehen wie im Firefox?
??? was meinst du denn?
ich habe nur firefox, ich verwende keinen ie
ich möchte nur das der text mittig ist dem design passend
kann mir denn keiner helfen??? möchter gerne mal anfangen meine hp weiter zu machen gg
Lad mal deinen aktuellen stand auf deinen Server, dann kann man es besser sehen, wo dein Problem ist.
(Link nicht vergessen)
so hier nun der link
im internet explorer sieht das ziemlich komsichj aus…
hmm im FF (Linux) siehts auch nicht so ganz normal aus (siehe hier)
ich weiß nicht wie das im IE aussieht aber um das im Bild gezeigte zu beheben sollte man wahrscheinlich mal den Inhaltscontainer schmaler machen.
Weiß aber grad nicht welchen genau, da mir die Struktur etwas komisch erscheint (ein
in einemin einer Tabelle in einer Tabelle in einem)
ich habe bereits schon in einema nderen beitrag geschrieben dass es im ff genau so verschoben ist:D und wenn ich wüsste wovon du da redets hätte ich dieses problem schon lange gelöst. deswegen fragte ich ja ob sich jemand dass mal unter die lupe nehmen kann gg:D
Du mußt natürlich schon deinen neu eingefügten
's die entsprechende ID mitgeben, damit sie wieder den entsprechenden margin nach links haben.
<p id="text">Dein Text</p>ähm und wo ich kenne mich nicht so gut aus …:roll:
Schau doch bitte mal in dem Quelltext von mir und vergleiche ihn mit deinem ersten. dann siehst du, wo ich id’s und klassen hinzugefügt habe.