mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 15:32 Benutzername: Passwort: Auto-Login

Thema: CSS Problem vom 24.10.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Problem
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst Di 24.10.2006 13:28
Titel

CSS Problem

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich code zurzeit ne Page aber irgendwie hab ich da ein Problem, die linien/logo wird bei IE net richtig angezeigt und dann gibts eben das Problem mit der Liste
www.eartiscore.com/bah
Danke schonmal Lächel


Zuletzt bearbeitet von artis am Di 24.10.2006 13:55, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.10.2006 15:22
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
.line {
   font-size:0;
}



Ist doch aber Schwachsinn, wieso gibst du dem Element nicht einfach border-top und border-bottom?


Und das Problem mit der Liste, wenn du vielleicht noch sagen könntest was es da für ein Problem gibt?

Ich tippe jetzt mal auf

Code:
ul li {
   display:inline;
}


oder

Code:
ul li {
   float:left;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Darkdragon

Dabei seit: 23.05.2006
Ort: Berlin
Alter: 41
Geschlecht: Männlich
Verfasst Di 24.10.2006 15:23
Titel

Antworten mit Zitat Zum Seitenanfang

hi artis,
versuchemal die variante:
anstatt <div> dieganzen Informationen in tabellen zu fassen(
Code:
<link href="style.css" rel="stylesheet" type="text/css">
<table><tr><td class="test"></td></tr></table>

)usw.
  View user's profile Private Nachricht senden
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst Di 24.10.2006 15:32
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
Code:
.line {
   font-size:0;
}



Ist doch aber Schwachsinn, wieso gibst du dem Element nicht einfach border-top und border-bottom?


Und das Problem mit der Liste, wenn du vielleicht noch sagen könntest was es da für ein Problem gibt?

Ich tippe jetzt mal auf

Code:
ul li {
   display:inline;
}


oder

Code:
ul li {
   float:left;
}


Danke geht bis jetzt da super Lächel Wie tu ich das Logo(Artis-Shop) bei IE linksunten fixieren?
Und irgendwie geht die Liste dann über die linie, wie kann ich das verhindern?

@dark
ich will keine tabellen verwenden *zwinker*

Edit:
Irgendwie werden auch die images bei li nicht angezeigt (die pfeile)


Zuletzt bearbeitet von artis am Di 24.10.2006 15:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.10.2006 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

Erstmal würde ich da etwas mehr Ordnung rein bringen:

so in etwa..
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>eartiscore</title>
<style type="text/css">
* {
   margin: 0px;
   padding: 0px;
   font: 10px Verdana, Tahoma;
   border: 0px;
}
body {
   background: #f3f0e9;
   text-align: center;
}
#main {
   width: 683px;
   margin: 10% auto 0 auto;
   text-align: left;
}
#mainnavi {
   background-color: #f3f0e9;
   width: 683px;
   height:21px;
   background: url(http://www.eartiscore.com/bah/design/venom/images/artisshop.png) top right no-repeat;
}
#mainnavi li {
   display: inline;
   line-height:21px;   
}
#head {
   width: 683px;
   height: 144px;
   background: url(http://www.eartiscore.com/bah/design/venom/images/logo.png) no-repeat;
   border-top: 2px solid #d222cc;
   border-bottom: 2px solid #d222cc;
}
</style>
</head>
<body>
   <div id="main">
      <ul id="mainnavi">
         <li>Startseite</li>
         <li>Über uns</li>
      </ul>
      <div id="head"></div>
   </div>
</body>
</html>



Dann, wieso jetzt das Logo linksunten positionieren? Nicht rechts oben?

Die Grafik arrow.png hast du wohl vergessen auf den Server mit zu übernehmen, ist jedenfalls nicht vorhanden.


Zuletzt bearbeitet von m am Di 24.10.2006 15:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst Di 24.10.2006 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

Die Grafik ist vorhanden *zwinker* http://localhost/artisshop/design/venom/images/arrow.png
Und ich will kein border, es hat nen bestimmten grund wieso ich das so gemacht habe^^
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 24.10.2006 15:58
Titel

Antworten mit Zitat Zum Seitenanfang

Ja, schön das sie auf deinem PC vorhanden ist, aber da wo sie hingehört ist sie nun mal nicht:

http://www.eartiscore.com/bah/design/venom/images/arrow.png
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
artis
Threadersteller

Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht: Männlich
Verfasst Di 24.10.2006 16:13
Titel

Antworten mit Zitat Zum Seitenanfang

Ich hab die gleiche Version auch hochgeladen *zwinker* Geht trotzdem nicht *bäh* Liegt wahrscheinlich an display: inline;
Ahja die Liste soll so auschauen...
http://www.eartiscore.com/bah/bah


Zuletzt bearbeitet von artis am Di 24.10.2006 16:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formmailer-Problem-neues problem
css-problem
css-Problem
IE 7 Problem!
Problem mit IE 6
xtc-Problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.