zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verzweiflung bei valign=top

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.04.2008, 19:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.04.2008
Beiträge: 2
freedesign befindet sich auf einem aufstrebenden Ast
Standard 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;    

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.04.2008, 19:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.04.2008, 20:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.04.2008
Beiträge: 2
freedesign befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verzweiflung! Mit IE6 bug thecrazykaktus CSS 6 13.10.2009 21:18
totale Verzweiflung, falsches header-foto obwohl richtig verlinkt unicorn CSS 5 12.05.2007 13:37
Verzweiflung mit drei Spalten per float Mondschatten CSS 10 22.04.2007 12:42
Verzweiflung pur: Horizontale List ViktorR CSS 8 21.01.2007 01:48
Verzweiflung - Zeilen verschwinden eliZZZa (X)HTML 2 02.02.2006 11:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:04 Uhr.