Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst So 06.01.2008 19:13
Titel Hintergrund.Definieren? |
|
|
hallo, fummel gerade rum:
leider komme ich nicht weiter möchte das der hintergrund an einer stelle aufhört wo ich möchte wie bei dem beispiel:
habe den hintergrund so definiert:
Code: |
<style type="text/css">
body {
background-image: url(../img/background00.gif);
}
</style>
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(../img/background1.gif);
background-repeat: no-repeat;
background-position: left top;
} |
würde mich über hilfe sehr freuen
Zuletzt bearbeitet von classic.franky am So 06.01.2008 19:16, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst So 06.01.2008 20:54
Titel Re: Hintergrund.Definieren? |
|
|
classic.franky hat geschrieben: |
habe den hintergrund so definiert:
Code: |
<style type="text/css">
body {
background-image: url(../img/background00.gif);
}
</style>
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(../img/background1.gif);
background-repeat: no-repeat;
background-position: left top;
} |
würde mich über hilfe sehr freuen |
das einzige, was ich definiert sehe, ist das background-image
Code: |
<style type="text/css">
body {
background-image: url(../img/background00.gif);
}
</style>
|
der rest is doch auskommentiert...
<!--
also, wenn du dir untere darstellung hinbekommen willst, setz die selectbox in einen eigenen container, begrenze die wunschgröße mit width und height und das bg-image da rein - fertig.
|
|
|
|
|
Anzeige
|
|
|
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst Mo 07.01.2008 00:15
Titel Re: Hintergrund.Definieren? |
|
|
pixelpapst303 hat geschrieben: | ...also, wenn du dir untere darstellung hinbekommen willst, setz die selectbox in einen eigenen container, begrenze die wunschgröße mit width und height und das bg-image da rein - fertig. |
wie mache ich das, kannst du mir bitte helfen
|
|
|
|
|
xBe
Dabei seit: 04.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 07.01.2008 00:36
Titel
|
|
|
Hey!
Code: | <style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-attachment: fixed;
background-color:#22FF4f;
background-repeat: no-repeat;
background-position: left top;
}
#selectbox {
width:150px; height:600px; background-color:#FFFF00
}
</style>
<body>
<div id="selectbox">
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
HIER IST DIE BOX DRIN<br />
</div>
</body>
</html>
|
Und so würde das dann aussehen, du schmeisst halt nur deine Box zwischen die Divs.
Gruß xBe
|
|
|
|
|
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst Mo 07.01.2008 01:42
Titel
|
|
|
danke danke aber irgend wie bekomme ich das nicht gebacken
hier mal der code der seite:
Code: | <html>
<head>
<link rel="SHORTCUT ICON" href="../favicon.ico" type="image/x-icon">
<title>Audioklassiks Image Database</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function openPic(imageName,imageWidth,imageHeight) {
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",scrollbars=no,left=0,top=0");
newWindow.document.open();
newWindow.document.write('<html><title>Vollbild</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">');
newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="schliessen" onClick="javascript:self.close()">');
newWindow.document.write('</body></html>');
newWindow.document.close();
newWindow.focus();
}
function jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
body {
background-image: url(http://xs223.xs.to/xs223/08021/background00.gif);
}
</style>
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-attachment: fixed;
background-color: #FFFFFF;
background-image: url(http://xs223.xs.to/xs223/08021/background00.gif);
background-repeat: no-repeat;
background-position: left top;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<form name="form1">
<select name="menu" onChange="jumpMenu('self',this,0)">
<option value="" selected>Power</option>
<option value="seite01.htm">01.Startsite</option>
<option value="seite02.htm">02.Akai</option>
<option value="seite03.htm">03.Denon</option>
<option value="seite04.htm">04.Harman l Kardon</option>
<option value="seite05.htm">05.Kenwood l Trio</option>
<option value="seite06.htm">06.Luxman</option>
<option value="seite07.htm">07.Marantz</option>
<option value="seite08.htm">08.McIntosh</option>
<option value="seite09.htm">09.Onkyo</option>
<option value="seite10.htm">10.Pioneer l Exclusive</option>
<option value="seite11.htm">11.Sansui</option>
<option value="seite12.htm">12.Scott</option>
<option value="seite13.htm">13.Sony</option>
<option value="seite14.htm">14.Teac</option>
<option value="seite15.htm">15.Technics l Panasonic</option>
<option value="seite16.htm">16.Toshiba</option>
<option value="seite17.htm">17.Yamaha</option>
<option value="seite17.htm">18.All.Another</option>
<option value="seite18.htm">- - - - - - - - - - - - - - -</option>
<option value="seite19.htm">01.Manuals</option>
<option value="seite20.htm">02.Advertising</option>
<option value="seite21.htm">04.Animation</option>
<option value="seite22.htm">05.Motion Pictures </option>
<option value="seite23.htm">06.Audioklassiks</option>
</select>
</form>
<div id="layer" style="position:absolute; left:240px; top:120px; z-index:1">
<font color=black><h3>Informations</h3></font>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
</div>
</body>
</html> |
|
|
|
|
|
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst Mo 07.01.2008 10:16
Titel
|
|
|
sieht jetzt so aus wie bekomme ich das selectbox ganz an den rand [links hoch]?
Code: | <html>
<head>
<link rel="SHORTCUT ICON" href="http://audioklassiks.de/favicon.ico" type="image/x-icon">
<title>Audioklassiks Image Database</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function openPic(imageName,imageWidth,imageHeight) {
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight+",scrollbars=no,left=0,top=0");
newWindow.document.open();
newWindow.document.write('<html><title>Vollbild</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">');
newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="schliessen" onClick="javascript:self.close()">');
newWindow.document.write('</body></html>');
newWindow.document.close();
newWindow.focus();
}
function jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-attachment: fixed;
background-color:#fffffff;
background-repeat: no-repeat;
background-position: left top;
}
#selectbox {
width:180px; height:600px; background-color:#FFFFFF; background-image: url(../img/background00.gif);
}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<form name="form1">
<div id="selectbox">
<select name="menu" onChange="jumpMenu('self',this,0)">
<option value="" selected>Power</option>
<option value="seite01.htm">01.Startsite</option>
<option value="seite02.htm">02.Akai</option>
<option value="seite03.htm">03.Denon</option>
<option value="seite04.htm">04.Harman l Kardon</option>
<option value="seite05.htm">05.Kenwood l Trio</option>
<option value="seite06.htm">06.Luxman</option>
<option value="seite07.htm">07.Marantz</option>
<option value="seite08.htm">08.McIntosh</option>
<option value="seite09.htm">09.Onkyo</option>
<option value="seite10.htm">10.Pioneer l Exclusive</option>
<option value="seite11.htm">11.Sansui</option>
<option value="seite12.htm">12.Scott</option>
<option value="seite13.htm">13.Sony</option>
<option value="seite14.htm">14.Teac</option>
<option value="seite15.htm">15.Technics l Panasonic</option>
<option value="seite16.htm">16.Toshiba</option>
<option value="seite17.htm">17.Yamaha</option>
<option value="seite17.htm">18.All.Another</option>
<option value="seite18.htm">- - - - - - - - - - - - - - -</option>
<option value="seite19.htm">01.Manuals</option>
<option value="seite20.htm">02.Advertising</option>
<option value="seite21.htm">04.Animation</option>
<option value="seite22.htm">05.Motion Pictures </option>
<option value="seite23.htm">06.Audioklassiks</option>
</select>
</div>
</form>
<div id="layer" style="position:absolute; left:240px; top:120px; z-index:1">
<font color=black><h3>Informations</h3></font>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
blindtext blindtext blindtext blindtext blindtext<br>
</div>
</body>
</html> |
Zuletzt bearbeitet von classic.franky am Mo 07.01.2008 10:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
xBe
Dabei seit: 04.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mo 07.01.2008 13:21
Titel
|
|
|
mach dich mal mit "margin" vertraut!
|
|
|
|
|
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst Mo 07.01.2008 13:52
Titel
|
|
|
ich weiß hier?:
Code: | newWindow.document.write('<html><title>Vollbild</title><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">') |
steht ja alles auf null oder meinst du etwas anderes
danke dir und allen für die hilfe.
edit, wenn ich es hier einbaue:
Code: | <body>
<div id="layer" style="position:absolute; left:0px; top:0px;">
<form name="form1">
<div id="selectbox">
<select name="menu" onChange="jumpMenu('self',this,0)">
<option value="" selected>Power</option>
<option value="seite01.htm">01.Startsite</option>
<option value="seite02.htm">02.Akai</option>
<option value="seite03.htm">03.Denon</option>
<option value="seite04.htm">04.Harman l Kardon</option>
<option value="seite05.htm">05.Kenwood l Trio</option>
<option value="seite06.htm">06.Luxman</option>
<option value="seite07.htm">07.Marantz</option>
<option value="seite08.htm">08.McIntosh</option>
<option value="seite09.htm">09.Onkyo</option>
<option value="seite10.htm">10.Pioneer l Exclusive</option>
<option value="seite11.htm">11.Sansui</option>
<option value="seite12.htm">12.Scott</option>
<option value="seite13.htm">13.Sony</option>
<option value="seite14.htm">14.Teac</option>
<option value="seite15.htm">15.Technics l Panasonic</option>
<option value="seite16.htm">16.Toshiba</option>
<option value="seite17.htm">17.Yamaha</option>
<option value="seite17.htm">18.All.Another</option>
<option value="seite18.htm">- - - - - - - - - - - - - - -</option>
<option value="seite19.htm">01.Manuals</option>
<option value="seite20.htm">02.Advertising</option>
<option value="seite21.htm">04.Animation</option>
<option value="seite22.htm">05.Motion Pictures </option>
<option value="seite23.htm">06.Audioklassiks</option>
</select>
</div>
</form> |
ist es zwar wie möchte aber der text ist auch anders
Zuletzt bearbeitet von classic.franky am Mo 07.01.2008 14:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
adobe golive cs2 - hintergrund als farbe definieren
pop up´s definieren?
[CSS] a zustände definieren
Imagemaps definieren
Wortabstände mit CSS definieren
[Director] Objektumrisse definieren
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|