XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Verzweiflung bei valign=top (http://xhtmlforum.de/showthread.php?t=51393)

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-decorationnone;
}

a:link {
    
color#FE4403;
    
text-decorationnone;
}

a:visited {
    
color#FE4403;
    
text-decorationnone;
}

a:hover {
    
color#fff;
    
text-decorationnone/*text-decoration: underline;*/
}

a.category:linka.category:visited {
    
color#FFA500;
}

a.category:hover {
    
color#FF9900;
}

a.mainlevel:linka.mainlevel:visited {
    
border-bottom1px solid #666666;
    
color#FFFFFF;
    
displayblock;
    
line-height18px;
    
padding-bottom2px;
    
padding-top2px;
    
text-alignleft;
    
text-decorationnone;
}

a.mainlevel:hover {
    
background-color#222;
    
color#fa1604;    
}

a.latestnews:linka.latestnews:visited {
    
border-bottom1px solid #666666;
    
color#FFFFFF;
    
displayblock;
    
line-height18px;
    
padding-bottom2px;
    
padding-top2px;
    
text-alignleft;
    
text-decorationnone;
}

a.latestnews:hover {
    
background-color#444444;
    
color#9CC83F;
    
text-indent20px;
}

a.mostread:linka.mostread:visited {
    
border-bottom1px solid #666666;
    
color#FFFFFF;
    
displayblock;
    
line-height18px;
    
padding-bottom2px;
    
padding-top2px;
    
text-alignleft;
    
text-decorationnone;
}

a.mostread:hover {
    
background-color#444444;
    
color#9CC83F;
    
text-indent20px;
}

#footer li{
displayinline;
}

a.mainlevel-footer:linka.mainlevel-footer:visited {
    
color#FFFFFF;
    
displayinline;
    
font-size12px;
    
height20px;
    
line-height20px;
    
margin-bottom0px;
    
padding-left8px;
    
padding-right8px;
    
text-decorationnone;
    
widthauto;
}

a.mainlevel-footer:hover {
    
color#FB7000;
}

a.mainlevel-top:linka.mainlevel-top:visited {
    
color#FFFFFF;
    
displayinline;
    
font-size12px;
    
height20px;
    
line-height20px;
    
margin-bottom0px;
    
padding-left8px;
    
padding-right8px;
    
text-decorationnone;
    
widthauto;
}

a.mainlevel-top:hover {
    
color#FB7000;
}

a.readon:linka.readon:visited {
    
background-imageurl(../images/read.gif);
    
background-positionleft;
    
background-repeatno-repeat;
    
color#FFBA95;
    
padding-left20px;
}

a.readon:hover {
    
background-colortransparent;
    
color#000000;
    
text-decorationnone;
}

a.sublevel:linka.sublevel:visited {
    
border-bottom1px solid #666666;
    
color#FFFFFF;
    
displayblock;
    
line-height20px;
    
padding-bottom2px;
    
padding-top2px;
    
text-alignleft;
    
text-decorationnone;
    
text-indent20px;
}

a.sublevel:hover {
    
color#C0C0C0;
    
text-decorationnone;
}

a.weblinks:linka.weblinks:visited {
    
color#FF9900;
}

a.weblinks:hover {
    
color#999999;
}

body {
    
margin0px;
    
padding0px;
    
text-aligncenter;
background-color#171717;
}

html{
background-color#171717;
}

h1    {
    
font-family'century gothic''Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
font-size24px;
padding-top10px;
padding-bottom10px;
}

h2    {
    
font-family'century gothic''Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
font-size20px;
padding-top10px;
padding-bottom10px;
}

h3    {
font-size16px;
padding-top10px;
padding-bottom10px;
    
font-family'century gothic''Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
}

img {
    
border0px;
}

input.inputbox{
    
background-color#FAFAFA;
    
border1px solid #333333;
}

input.inputbox#modlgn_username{
    
background-color#FAFAFA;
    
border1px solid #ccc;
width100%;
}

input.inputbox#modlgn_passwd{
    
background-color#FAFAFA;
    
border1px solid #ccc;
width100%;
}

input.inputbox#mod_search_searchword{
    
background-color#FAFAFA;
    
border1px solid #333333;
    
width100%;
}

li {
    list-
stylenone;
}

td,tr,p,div {
    
color#FFFFFF;
    
font-size13px;
    
font-familyarialverdanasans-serif;
    
line-height135%;
    
valign="top"
}

ul {
    
margin0px;
    
padding0px;
}

.
button {
    
background-color#F5F5F5;
    
border1px 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-size26px;
    
font-weightnormal;
    
letter-spacing: -1px;
    
padding-bottom10px;
    
padding-top15px;
}

.
contentdescription {
}

.
contentheading {
    
color#FFFFFF;
    
font-family'century gothic''Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
    
font-size23px;
    
font-weightnormal;
}

/* Content - Sections & Categories */
.contentpane {
}

.
contentpaneopen {
valign="top"
}

.
createdate {
    
color#E2DAAB;
    
font-size12px;
}

.
modifydate {
    
color#808080;
    
font-size10px;
}

.
moduletable {
    
background-positioncenter top;
    
top10px;
    
valign="top"
}

.
moduletable h3 {
}

.
moduletable li{
    list-
stylenone;
}

.
moduletable td {
valign="top"
}

.
moduletable-advert1{
    
background-imageurl(../images/advert1.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
margin0 auto;
    
margin-top20px;
    
padding-top40px;
    
text-alignleft;
    
width300px;
}

.
moduletable-contact{
    
background-imageurl(../images/contact.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
padding-bottom10px;
    
padding-top90px;
    
text-alignleft;
}

.
moduletable-footer1 {
    
background-imageurl(../images/footer1.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
color#FFFFFF;
    
floatleft;
    
margin-right20px;
    
padding-top40px;
    
text-alignleft;
    
width200px;
}

.
moduletable-footer2 {
    
background-imageurl(../images/footer2.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
color#FFFFFF;
    
floatleft;
    
margin-right20px;
    
padding-top40px;
    
text-alignleft;
    
width200px;
}

.
moduletable-footer3 {
    
background-imageurl(../images/footer3.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
color#FFFFFF;
    
floatleft;
    
margin-right20px;
    
padding-top40px;
    
text-alignleft;
    
width200px;
}

.
moduletable-footer4 {
    
background-imageurl(../images/footer4.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
color#FFFFFF;
    
floatleft;
    
padding-top40px;
    
text-alignleft;
    
width200px;
}

.
moduletable-info {
    
background-imageurl(../images/info.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
padding-bottom10px;
    
padding-top40px;
    
text-alignleft;
}

.
moduletable-main {
    
background-imageurl(../images/main.gif);
    
background-positiontop left;
    
background-repeatno-repeat;
    
padding-bottom10px;
    
padding-top40px;
    
text-alignleft;
}

.
quote {
    
color#C4F086;
    
fontoblique 120georgiatimesserif;
    
line-height25px;
    
width100%;
}

.
readmore {
    
background-imageurl(../images/read.gif);
    
background-positionleft;
    
background-repeatno-repeat;
    
color#FFC493;
    
line-height20px;
    
padding-left20px;
}

.
sectiontableentry1 {
}

.
sectiontableentry2 {
}

.
sectiontableheader {
}

.
small {
    
color#ccc;
    
font-size11px;
}

.
smalldark {
    
color#EDEDED;
    
font-size11px;
    
font-weightnormal;
    
text-decorationnone;
}

#body {
    
margin0 auto;
    
overflowhidden;
    
width900px;
}

#bodywrap {
    
background-color#171717;
    
margin0 auto;
    
margin-top0px;
    
overflowhidden;
    
width100%;
}

#footer {
    
font-size10px;
    
height50px;
    
letter-spacing0px;
    
margin0 auto;
    
padding-top20px;
    
text-aligncenter;
    
width900px;
}

#footer td{
    
text-aligncenter;

    
}

#footerwrap {
    
background-color#171717;
    
floatleft;
    
height100px;
    
margin0 auto;
    
width100%;
}

#header {
    
background-imageurl(../images/header.jpg);
    
background-positiontop;
    
background-repeatno-repeat;
    
height153px;
    
margin0 auto;
    
width900px;
}

#headerwrap {
background-imageurl(../images/headerbg.jpg);
    
background-positiontop;
    
background-repeatrepeat-x;
    
background-color#171717;
    
height153px;
    
margin0 auto;
    
width100%;
}

#leftcolumn {
    
floatleft;
    
text-alignleft;
    
width250px;
}

#leftcolumn .moduletable{
    
padding-bottom20px;
}

#mainbody {
    
floatleft;
    
padding-bottom30px;
    
padding-left20px;
    
text-alignleft;
    
width600px;
}

#mainbody li {
    
list-stylesquare;    
    
margin-left20px;
}

#menu {
    
height30px;
    
margin0 auto;
    
margin-bottom0px;
    
text-alignleft;
    
width900px;
}

#menu .moduletable {
    
floatright;
width400px;
}

#menuwrap {
    
background-color#171717;
    
height197px;
    
margin0 auto;
    
padding0px;
    
width100%;
}

#middle{
    
color#FFFFFF;
    
font-size11px;
    
heightauto;
    
margin0 auto;
    
padding-top65px;
    
text-alignleft;
    
valigntop;
    
width900px;
    
background-imageurl(../images/middle.jpg);
    
background-positiontop;
    
background-repeatno-repeat;
}

#middle .contentheading {
    
color#FFFFFF;
    
font-size15px;
    
margin0px;
    
valigntop;
}

#middle .contentpaneopen {
    
width280px;
    
valigntop;
}

#middle a.readon:link, a.readon:visited {
    
background-imageurl(../images/read.gif);
    
background-positionleft;
    
background-repeatno-repeat;
    
color#FFFFFF;
    
padding-left20px;
}

#middle a.readon:hover {
    
background-colortransparent;
    
color#000000;
    
text-decorationnone;
}

#middle h3 {
    
color#FFFFFF;
    
font-size26px;
    
font-weightnormal;
    
margin0px;
    
padding-bottom15px;
    
text-transformuppercase;
}

#middle li {
    
color#FFFFFF;
    
list-styledisc;
    list-
style-positioninside;
}

#middlewrap {
    
background-color#FE4403;    
    
color#FFFFFF;
    
floatright;
    
heightauto;
    
margin0 auto;
    
width100%;
background-imageurl(../images/middlebg.jpg);
    
background-positiontop;
    
background-repeatrepeat-x;
    
valigntop;
}

#user{
    
margin0 auto;
    
overflowhidden;
    
text-alignleft;
    
width900px;
}

#user li {
    
color#666666;
    
list-styledisc;
    list-
style-positioninside;
}

#userwrap {
    
background-color#3E3E3E;
    
border-bottom1px solid #FFFFFF;
    
border-top1px solid #FFFFFF;
    
floatleft;
    
margin0 auto;
    
overflowhidden;
padding-top15px;
    
padding-bottom25px;
    
width100%;
}

#userwrap .moduletable {
    
color#FFFFFF;
}

fieldset.input{
border0px;
margin0px;
padding0px;
}

/* Eigene Ereiterungen */

#menu123 {
    
color#FFFFFF;
    
font-size11px;
    
height197px;
    
margin0 auto;
    
width900px;
    
background-imageurl(../images/menu123.jpg);
    
background-positionleft top;
    
background-repeatno-repeat;
}

.
webcam {
    
border3px solid #FFFFFF;
}


.
Special1 {
    
font-weightbold;
    
text-transformuppercase;
    
color#fe4403;
    
margin-top5px;    



fricca 13.04.2008 20:57

Es gibt in CSS kein valign. Das ist ein veraltetes HTML-Attribut.
Die Eigenschaft, die du suchst heißt vertical-align. Bitte informier dich über die dazugehörige Syntax. vertical-align: Vertikale Ausrichtung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

freedesign 13.04.2008 21:07

Hallo fricca,

ich danke Dir wie verrückt. Habs nun gegen vertical-align: top; geändert und es geht. Das nenne ich ja mal schnelle Hilfe.

Gruss Martin


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:08 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023