Blackburn
Grünschnabel
Salut!
Ich bin gerade dabei meine Homepage wieder zu reaktivieren und habe mich hierbei entschlossen als CMS Joomla einzusetzen und im Template erstmals ganz ohne Tabellen zu arbeiten.
Das hat bisher auch ganz gut geklappt, nur leider habe ich noch einen DIV-Block der sich ziemlich sträubt...
Es ist ein Suchfeld das ich gerne in einer Art Toolbox einbauen möchte.
Hier könnt ihr euch ein Bild davon machen:
http://high-sider.com/index.php
Das Form soll dann rechts neben die Lupe.
Hab schon mit einigen Einstellung für das Div rumgespielt aber ohne großen Erfolg...
Hier ist dann noch die CSS-Formatierung:
Ich hoffe es ist verständlich wo das Problem liegt und mir kann jemand weiterhelfen und erklären was hier schief läuft
Tausend Dank vorab!
Greetz
Dome
Ich bin gerade dabei meine Homepage wieder zu reaktivieren und habe mich hierbei entschlossen als CMS Joomla einzusetzen und im Template erstmals ganz ohne Tabellen zu arbeiten.
Das hat bisher auch ganz gut geklappt, nur leider habe ich noch einen DIV-Block der sich ziemlich sträubt...
Es ist ein Suchfeld das ich gerne in einer Art Toolbox einbauen möchte.
Hier könnt ihr euch ein Bild davon machen:
http://high-sider.com/index.php
Das Form soll dann rechts neben die Lupe.
Hab schon mit einigen Einstellung für das Div rumgespielt aber ohne großen Erfolg...
Hier ist dann noch die CSS-Formatierung:
Code:
/*Einstellungen für die DIVs*/
form
.searchform {
background-image:url(../images/transparent.png);
background-repeat:repeat;
width:100px;
border:0px
}
div#background {
width:800px;
height:550px;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
padding-top:23px;
padding-bottom:23px;
color:white;
margin:auto;
}
div#header {
width:271px;
height:60px;
color:white;
position:relative;
left:22px;
top:12px;
background-image:url(../images/header.jpg);
float:left;
}
div#toolbox {
padding-top:3px;
padding-left:20px;
width:180px;
height:22px;
color:white;
position:relative;
left:280px;
top:6px;
float:left;
background-image:url(../images/toolbox.jpg);
display:inline;
}
div#menu {
clear:left;
width:160px;
height:400px;
color:white;
left:48px;
top:35px;
overflow:auto;
padding:0px;
float:left;
position:relative;
}
div#content {
width:520px;
height:400px;
color:white;
left:45px;
top:35px;
overflow:auto;
z-index:2;
margin-left:3%;
text-align:left;
font-family:Verdana;
font-size:11px;
border: 1px dashed #C3C3C3;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding:0px;
float:left;
position:relative;
background-image:url(../images/transparent.png);
background-repeat:repeat;
border:1px solid #777777;
}
#content h1 {
font-weight:bold;
font-family:Verdana;
font-size:12px;
color:#FE8B1F;
}
div#watermark {
padding:0px;
float:right;
position:relative;
width:100px;
height:75px;
right:65px;
top:-50px;
background-image:url(../images/watermark.png);
background-repeat:no-repeat;
z-index:1;
}
div#copyright {
padding:0px;
clear:left;
margin:auto;
position:relative;
top:70px;
height:20px;
width:400px;
color:#999999;
text-align:center;
}
.toolbox_span {
width:80px;
vertical-align:middle;
}
div#searchbox {
padding:0px;
width:65px;
height:14px;
color:white;
position:relative;
left: 100px; (da reagiert es garnicht drauf, egal ob ich 0,100, 500 eingebe....)
}
/*Einstellungen zum Suchmodul*/
#search table.moduletable {
padding-left:2px;
border:2px solid #91B5CE;
background-color:#F5F5F5;
}
#mod_search_searchword.inputbox {
width: 60px;
height: 13px;
border:thin;
border-color:#666666;
padding:0px;
border-style:solid;
color:#ffffff;
font-size:10px;
background-color:transparent;
}
#search .button {
border:1px solid #D8E5EB;
color:#000000;
background-color:#F5F5F5;
}Ich hoffe es ist verständlich wo das Problem liegt und mir kann jemand weiterhelfen und erklären was hier schief läuft
Tausend Dank vorab!
Greetz
Dome
