Betrifft folgende Test-Webseite.
--= Resser Trailfräser =--
Die Bildschirme werden immer breiter und dieses Kreuz wird automatisch mit breiter.. kann ich dies mit CSS verhindern.?
Habe da einige Versuche hinter mir aber mir gelingt es nicht.
2 Frage dazu der Austausch der Bilder wird hier mit Javascript gemacht und dieses Bild habe ich in einer Tabelle.
Kann ich das mit CSS auch hinkriegen..?
Code:
=======================================
1. Kalibrierung und Restauration
======================================= */
/* Reset - alle Abstände auf NULL */
* { margin: 0; padding: 0; }
/* Meine wichtigsten Farben
#5B5B5B = Dunkles Grau
#2C2C2C = sehr Dunkles Grau
/* Fräser Farben
#F8F8FF = Ghostwhite
#1d242a = DunkelGrau /* Background
#ff8c00 = DarkOrange
#ffa500 = Orange
#ff4500 = OrangeRot
#FA4426 = RT-Rot
/* =======================================
2. Allgemeine Styles
======================================= */
body {
background-color: #FA4426; /* RT-Rot */
margin:0px 0px 0px 0px;
color:#F8F8F8;
}
a{font-family:verdana,arial;color:#2C2C2C;text-decoration:none;font-size:8pt;}
a:visited{font-family:verdana,arial;color:#2C2C2C;text-decoration:none;font-size:8pt;}
a:hover{font-family:verdana,arial;color:#2C2C2C;text-decoration:none;font-weight:normal;font-size:8pt;}
a:active:{font-family:verdana,arial;color:#2C2C2C;text-decoration:none;font-size:8pt;}
/* =======================================
3. Styles für die Layoutbereiche
======================================= */
div#wrapper {
background-color: transparent;
margin: 0 auto;
}
div#obenL {
position:absolute;
top:0%;
left: 0%;
background-color: #1d242a;
width: 50%;
height:49%;
}
div#untenL {
position:absolute;
top: 50%;
left: 0%;
background-color: #1d242a;
width: 50%;
height:50%;
}
div#obenR {
position:absolute;
top: 0%;
left: 51%;
background-color: #1d242a;
width: 49%;
height:49%;
}
div#untenR {
position:absolute;
top: 50%;
left: 51%;
background-color: #1d242a;
width: 49%;
height:50%;
}
div#logo {
position:absolute;
top: 50%;
left: 50%;
margin-left: -15em;
margin-top: -11em;
}
div#adresse {
position:absolute;
width:40%;
height:3%;
right:2%;
bottom:1px;
text-align:right;
color:#7F7F7F;
font-size:8pt;
}
HTML-Code:
<body onload="MM_preloadImages('imgindex/index.jpg','imgindex/Bulle600.png')">
<div id="wrapper">
<div id="obenL"></div>
<div id="obenR"></div>
<div id="untenL"></div>
<div id="untenR"></div>
<div id="logo">
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"> <map name="start_map" id="Startimg">
<area shape="poly" coords="3,174,18,110,68,56,136,17,183,4,315,2,373,21,429,50,463,85,496,135,495,218,470,265,410,314,357,339,315,349,183,350,120,330,58,291,14,237" href="home/home.html" alt="Resser Trailfraeser" onfocus="this.blur()" onMouseOver="MM_swapImage('Image','','imgindex/Bulle600.png',1)" onMouseOut="MM_swapImgRestore()" />
</map> <img src="imgindex/rt.png" alt="Resser Trailfräser" name="Image" width="500" height="356" border="0" usemap="#start_map" />
</td>
</tr>
</table>
</div>
<div id="adresse"> © <a style="color:#7F7F7F;" href="#" onfocus="this.blur()">Resser
Trailfräser 2011</a> by | R.R.I
</div>
</div>
</body>