freedesign |
13.04.2008 20:53 |
Verzweiflung bei valign=top
Hallo,
bin hier nach Tagen am verzweifeln bei der vertikalen Ausrichtung im joomla. Erstens weiss ich nicht genau, ob es wirklich mit valign=top lösbar ist und zweitens habe ich das nun fast überall eingefügt, nur ohne Erfolg.
Ziel soll sein, dass die 3 Neuigkeiten alle oben ausgerichtet sein sollen.
Seite ist zu finden hier
Im mittleren Beitrag gibt es sogar einen "Weiterlesen" Link den ich farblich nicht angepasst bekomme.
Mal schauen ob ich das css File hier eingebunden bekomme:
Danke und Gruss Martin
PHP-Code:
a#active_menu {
background-color: #222;
color: #FB7000;
}
a#active_menu:hover {
color: #FFFFFF;
text-decoration: none;
}
a:link {
color: #FE4403;
text-decoration: none;
}
a:visited {
color: #FE4403;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: none; /*text-decoration: underline;*/
}
a.category:link, a.category:visited {
color: #FFA500;
}
a.category:hover {
color: #FF9900;
}
a.mainlevel:link, a.mainlevel:visited {
border-bottom: 1px solid #666666;
color: #FFFFFF;
display: block;
line-height: 18px;
padding-bottom: 2px;
padding-top: 2px;
text-align: left;
text-decoration: none;
}
a.mainlevel:hover {
background-color: #222;
color: #fa1604;
}
a.latestnews:link, a.latestnews:visited {
border-bottom: 1px solid #666666;
color: #FFFFFF;
display: block;
line-height: 18px;
padding-bottom: 2px;
padding-top: 2px;
text-align: left;
text-decoration: none;
}
a.latestnews:hover {
background-color: #444444;
color: #9CC83F;
text-indent: 20px;
}
a.mostread:link, a.mostread:visited {
border-bottom: 1px solid #666666;
color: #FFFFFF;
display: block;
line-height: 18px;
padding-bottom: 2px;
padding-top: 2px;
text-align: left;
text-decoration: none;
}
a.mostread:hover {
background-color: #444444;
color: #9CC83F;
text-indent: 20px;
}
#footer li{
display: inline;
}
a.mainlevel-footer:link, a.mainlevel-footer:visited {
color: #FFFFFF;
display: inline;
font-size: 12px;
height: 20px;
line-height: 20px;
margin-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
width: auto;
}
a.mainlevel-footer:hover {
color: #FB7000;
}
a.mainlevel-top:link, a.mainlevel-top:visited {
color: #FFFFFF;
display: inline;
font-size: 12px;
height: 20px;
line-height: 20px;
margin-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
text-decoration: none;
width: auto;
}
a.mainlevel-top:hover {
color: #FB7000;
}
a.readon:link, a.readon:visited {
background-image: url(../images/read.gif);
background-position: left;
background-repeat: no-repeat;
color: #FFBA95;
padding-left: 20px;
}
a.readon:hover {
background-color: transparent;
color: #000000;
text-decoration: none;
}
a.sublevel:link, a.sublevel:visited {
border-bottom: 1px solid #666666;
color: #FFFFFF;
display: block;
line-height: 20px;
padding-bottom: 2px;
padding-top: 2px;
text-align: left;
text-decoration: none;
text-indent: 20px;
}
a.sublevel:hover {
color: #C0C0C0;
text-decoration: none;
}
a.weblinks:link, a.weblinks:visited {
color: #FF9900;
}
a.weblinks:hover {
color: #999999;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
background-color: #171717;
}
html{
background-color: #171717;
}
h1 {
font-family: 'century gothic', 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
font-size: 24px;
padding-top: 10px;
padding-bottom: 10px;
}
h2 {
font-family: 'century gothic', 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
h3 {
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'century gothic', 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
}
img {
border: 0px;
}
input.inputbox{
background-color: #FAFAFA;
border: 1px solid #333333;
}
input.inputbox#modlgn_username{
background-color: #FAFAFA;
border: 1px solid #ccc;
width: 100%;
}
input.inputbox#modlgn_passwd{
background-color: #FAFAFA;
border: 1px solid #ccc;
width: 100%;
}
input.inputbox#mod_search_searchword{
background-color: #FAFAFA;
border: 1px solid #333333;
width: 100%;
}
li {
list-style: none;
}
td,tr,p,div {
color: #FFFFFF;
font-size: 13px;
font-family: arial, verdana, sans-serif;
line-height: 135%;
valign="top"
}
ul {
margin: 0px;
padding: 0px;
}
.button {
background-color: #F5F5F5;
border: 1px solid #CBCBCB;
color: #000000;
}
.button:hover {
color: #FF8C00;
}
/** category text format and links **/
.category {
color: #FF8C00;
}
.componentheading {
color: #FE4403;
font-family: 'century gothic', 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
font-size: 26px;
font-weight: normal;
letter-spacing: -1px;
padding-bottom: 10px;
padding-top: 15px;
}
.contentdescription {
}
.contentheading {
color: #FFFFFF;
font-family: 'century gothic', 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
font-size: 23px;
font-weight: normal;
}
/* Content - Sections & Categories */
.contentpane {
}
.contentpaneopen {
valign="top"
}
.createdate {
color: #E2DAAB;
font-size: 12px;
}
.modifydate {
color: #808080;
font-size: 10px;
}
.moduletable {
background-position: center top;
top: 10px;
valign="top"
}
.moduletable h3 {
}
.moduletable li{
list-style: none;
}
.moduletable td {
valign="top"
}
.moduletable-advert1{
background-image: url(../images/advert1.gif);
background-position: top left;
background-repeat: no-repeat;
margin: 0 auto;
margin-top: 20px;
padding-top: 40px;
text-align: left;
width: 300px;
}
.moduletable-contact{
background-image: url(../images/contact.gif);
background-position: top left;
background-repeat: no-repeat;
padding-bottom: 10px;
padding-top: 90px;
text-align: left;
}
.moduletable-footer1 {
background-image: url(../images/footer1.gif);
background-position: top left;
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
margin-right: 20px;
padding-top: 40px;
text-align: left;
width: 200px;
}
.moduletable-footer2 {
background-image: url(../images/footer2.gif);
background-position: top left;
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
margin-right: 20px;
padding-top: 40px;
text-align: left;
width: 200px;
}
.moduletable-footer3 {
background-image: url(../images/footer3.gif);
background-position: top left;
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
margin-right: 20px;
padding-top: 40px;
text-align: left;
width: 200px;
}
.moduletable-footer4 {
background-image: url(../images/footer4.gif);
background-position: top left;
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
padding-top: 40px;
text-align: left;
width: 200px;
}
.moduletable-info {
background-image: url(../images/info.gif);
background-position: top left;
background-repeat: no-repeat;
padding-bottom: 10px;
padding-top: 40px;
text-align: left;
}
.moduletable-main {
background-image: url(../images/main.gif);
background-position: top left;
background-repeat: no-repeat;
padding-bottom: 10px;
padding-top: 40px;
text-align: left;
}
.quote {
color: #C4F086;
font: oblique 120% georgia, times, serif;
line-height: 25px;
width: 100%;
}
.readmore {
background-image: url(../images/read.gif);
background-position: left;
background-repeat: no-repeat;
color: #FFC493;
line-height: 20px;
padding-left: 20px;
}
.sectiontableentry1 {
}
.sectiontableentry2 {
}
.sectiontableheader {
}
.small {
color: #ccc;
font-size: 11px;
}
.smalldark {
color: #EDEDED;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#body {
margin: 0 auto;
overflow: hidden;
width: 900px;
}
#bodywrap {
background-color: #171717;
margin: 0 auto;
margin-top: 0px;
overflow: hidden;
width: 100%;
}
#footer {
font-size: 10px;
height: 50px;
letter-spacing: 0px;
margin: 0 auto;
padding-top: 20px;
text-align: center;
width: 900px;
}
#footer td{
text-align: center;
}
#footerwrap {
background-color: #171717;
float: left;
height: 100px;
margin: 0 auto;
width: 100%;
}
#header {
background-image: url(../images/header.jpg);
background-position: top;
background-repeat: no-repeat;
height: 153px;
margin: 0 auto;
width: 900px;
}
#headerwrap {
background-image: url(../images/headerbg.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #171717;
height: 153px;
margin: 0 auto;
width: 100%;
}
#leftcolumn {
float: left;
text-align: left;
width: 250px;
}
#leftcolumn .moduletable{
padding-bottom: 20px;
}
#mainbody {
float: left;
padding-bottom: 30px;
padding-left: 20px;
text-align: left;
width: 600px;
}
#mainbody li {
list-style: square;
margin-left: 20px;
}
#menu {
height: 30px;
margin: 0 auto;
margin-bottom: 0px;
text-align: left;
width: 900px;
}
#menu .moduletable {
float: right;
width: 400px;
}
#menuwrap {
background-color: #171717;
height: 197px;
margin: 0 auto;
padding: 0px;
width: 100%;
}
#middle{
color: #FFFFFF;
font-size: 11px;
height: auto;
margin: 0 auto;
padding-top: 65px;
text-align: left;
valign: top;
width: 900px;
background-image: url(../images/middle.jpg);
background-position: top;
background-repeat: no-repeat;
}
#middle .contentheading {
color: #FFFFFF;
font-size: 15px;
margin: 0px;
valign: top;
}
#middle .contentpaneopen {
width: 280px;
valign: top;
}
#middle a.readon:link, a.readon:visited {
background-image: url(../images/read.gif);
background-position: left;
background-repeat: no-repeat;
color: #FFFFFF;
padding-left: 20px;
}
#middle a.readon:hover {
background-color: transparent;
color: #000000;
text-decoration: none;
}
#middle h3 {
color: #FFFFFF;
font-size: 26px;
font-weight: normal;
margin: 0px;
padding-bottom: 15px;
text-transform: uppercase;
}
#middle li {
color: #FFFFFF;
list-style: disc;
list-style-position: inside;
}
#middlewrap {
background-color: #FE4403;
color: #FFFFFF;
float: right;
height: auto;
margin: 0 auto;
width: 100%;
background-image: url(../images/middlebg.jpg);
background-position: top;
background-repeat: repeat-x;
valign: top;
}
#user{
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 900px;
}
#user li {
color: #666666;
list-style: disc;
list-style-position: inside;
}
#userwrap {
background-color: #3E3E3E;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
float: left;
margin: 0 auto;
overflow: hidden;
padding-top: 15px;
padding-bottom: 25px;
width: 100%;
}
#userwrap .moduletable {
color: #FFFFFF;
}
fieldset.input{
border: 0px;
margin: 0px;
padding: 0px;
}
/* Eigene Ereiterungen */
#menu123 {
color: #FFFFFF;
font-size: 11px;
height: 197px;
margin: 0 auto;
width: 900px;
background-image: url(../images/menu123.jpg);
background-position: left top;
background-repeat: no-repeat;
}
.webcam {
border: 3px solid #FFFFFF;
}
.Special1 {
font-weight: bold;
text-transform: uppercase;
color: #fe4403;
margin-top: 5px;
}
|