|
|||
Kategorie einheitlich auf einer höhe
Hy hab ein Problem. Bei einer Navigation bei mir, werden manche Links zweispaltig und die zweite Zeile rutscht soweit nach links, dass sie sogar vor den Pfeil rutscht. Vielleicht kann mir einer sagen wie ich die beiden Zeilen trotz Pfeil auf eine höhe bekomme.
Hab mal ein Bild angehängt: Hier die Test Kategorie Nummer 3 wobei das Nummer 3 in der neuen Zeile ist und es sehr weit nach links rutscht. Wäre Super wenn mir jemand helfen könnte. Gruß EL Gordo |
Sponsored Links |
|
|||
Hy das ist von OScommerce ein Shop und hier ist die zugehörige PHP Datei
PHP-Code:
Und hier die CSS Code:
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } BODY { font-family: Verdana, Arial, Helvetica, sans-serif; background: #8C8C8C; color: #000000; overflow:auto; overflow: -moz-scrollbars-vertical; text-align: center; } #tableise { background: #ffffff; margin: 0 auto; width: 800px; } #wrapper { width: 800px; margin: 10px auto; } #logo1 { width:800px; height:97px; background-repeat:repeat-x ; background-color: #FFFFFF; background-image: url(ise/header_background.jpg); background-position: top; } #logo2{ height:97px; background-image:url(ise/header_left.jpg); background-repeat:no-repeat; background-position:left; } #logo3{ height:97px; background-image:url(ise/header_right.jpg); background-repeat:no-repeat; background-position:right; } #mainphoto { height:170px; border-bottom:1px solid #C8C8C8; border-top: 1px solid #8c8c8c; padding:3px 5px 5px 3px; margin-top:5px; margin-left:7px; background-repeat:no-repeat; clear: both; } A { color: #000000; text-decoration: none; } A:hover { color: #0d8bf6; text-decoration: underline; } FORM { display: inline; } TR.header { background: #ffffff; } div.pathway { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffffff; color: #0d8bf6; font-weight: bold; text-align: left; margin: 2px 0 2px 10px; } a.pathway { color: #0d8bf6; } .home { margin-top: -15px; } .tableheader { background: #ffffff; height: 23px; width: 800px; } .headerNavigation { padding-right: 10px; margin-top:-15px; height:23px; } a.navi { margin: 0px; color: #0d8bf6; white-space: nowrap; font-weight: bold; list-style-type: none; display: inline; text-decoration: none; padding: 0 3px 0 0; float:right; width:81px; height:22px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(ise/bg-button.gif); background-repeat: no-repeat; text-align:center; line-height:22px; } a.navi:link { color: #0d8bf6; } a.navi:hover { color: #0d8bf6; text-decoration:underline; background: url(ise/bg-button.gif); background-repeat: no-repeat; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #0d8bf6; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #0d8bf6; font-weight: bold; text-align: center; } TR.footer { background: #bbc3d3; } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #0d8bf6; font-weight: bold; } #copy { clear:both; font-size: 10px; color:#FFFFFF; text-align:center; padding:12px; line-height:18px; } #copy a:link, #footer a:visited { color:#FFFFFF; text-decoration:none; } #copy a:hover { color:#FFFFFF; text-decoration:underline; } .infoBox { background: #b6b7cb; } .infoBoxContents { background: #f8f8f9; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #bbc3d3; color: #0d8bf6; } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9; } TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #b6b7cb; color: #0d8bf6; font-weight: bold; } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #9a9a9a; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #0d8bf6; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; } TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; } SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #0d8bf6; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #0d8bf6; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } #logo_bottom1{ height: 34px; margin-left: 0px; background-image: url(ise/bottom_left.jpg); background-repeat: no-repeat; } #logo_bottom2{ height: 34px; margin-top: -34px; margin-left: 760px; background-image: url(ise/bottom_right.jpg); background-repeat: no-repeat; } #logo-bottom3{ width: 800px; background-image: url(ise/bottom_background.jpg); background-repeat: repeat-x; } .infoBoxNewCat { background: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 5px 5px 5px 5px; border-bottom: 1px solid #cccccc; } /*change the menu hover color below*/ #thecategories a:hover { background-color: #eeeeee; color: #000000; } .catwithsubs, .catwithnosubs { padding-right: 5px; } #thecategories { position: relative; top: -9px; margin-bottom: -16px; width: 140px; } .activelink { display: block; font-weight: bold; } #thecategories a { display: block; padding-bottom: 7px; padding-top: 3px; width: 100%; } /*mozilla fix*/ html>body #thecategories a { width: auto; } /*end of mozilla fix*/ #topcat a { padding-left: 5px; } #secondcat a { padding-left: 20px; } #thirdcat a { padding-left: 35px; } #fourthcat a { padding-left: 50px; } #fifthcat a { padding-left: 65px; } .datenschutz { font-size: 10px; } |
|
||||
Wichtig ist hier nur die Ausgabe, nicht das PHP. Ich glaube niemand hat Lust sich durch PHP-Code zu wühlen, er recht nicht durch das Grauen von oscommerce.
Bitte lies die Hinweise für Fragende und stell einen reduzierten aber vollständig lauffähigen Code ein, oder am besten gleich einen Link zu dem Problemfall. |
|
|||
Zitat:
Hier die Ausgabe: Code:
<table class="infoBoxContents" border="0" cellpadding="3" cellspacing="0" width="100%"> <tbody> <tr> <td> <img src="images/pixel_trans.gif" alt="" border="0" height="1" width="100%"> </td> </tr> <tr> <td class="boxText"> <a href="oscommerce2/catalog/index.php?cPath=37&osCsid=cis7qg0a6kvem1pmgm5d4kvl60"> <img src="images/pointer_blue.gif" alt="" border="0" height="7" width="8"> <b> Test Kategorie </b> </a> <br> <a href="oscommerce2/catalog/index.php?cPath=37_38&osCsid=cis7qg0a6kvem1pmgm5d4kvl60"> <img src="images/pointer_blue.gif" alt="" border="0" height="7" width="8"> <b> <span class="errorText"> Test Kategorie2 </span> </b> </a> <br> <a href="oscommerce2/catalog/index.php?cPath=37_38_39&osCsid=cis7qg0a6kvem1pmgm5d4kvl60"> <img src="images/pointer_blue_light.gif" alt="" border="0" height="7" width="8"> Test Kategorie Nummer 3 </a> <br> </td> </tr> Geändert von ELGordo (24.07.2008 um 12:26 Uhr) |
|
||||
Das löst doch nicht wirklich dein Problem oder? Damit hinderst du den Browser nur daran umzubrechen, du kannst also keine längeren mehrzeiligen Texte mehr verwenden.
Ich empfehle dir trotzdem das Markup aufzuräumen und semantisch korrekt zu verwenden. |
|
|||
Ja klar aber hab halt keine Ahnung von PHP also ist es so besser.
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV: Ausfüllen restlicher Höhe bei weiterem DIV mit fixer Höhe | danoman | CSS | 5 | 24.04.2011 19:38 |
Divv 100% Höhe mit Hintergrundbild | Gsicht | CSS | 0 | 24.03.2009 09:30 |
[mySQL] Datenbank-Query gesucht | trequ | Serveradministration und serverseitige Scripte | 1 | 11.05.2007 17:41 |
Tablle mit 100% Höhe in IE | Be1er0ph0r | CSS | 4 | 03.03.2007 17:15 |
divs aneinander in der höhe ausrichten - wie ? | MS Master | CSS | 1 | 24.02.2005 17:49 |