Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag24.02.2010 um 08:37 (UTC)    
Titel: Probleme bei CSS

Hallo zusammen

ich bin grad dabei meine erste homepage zu bearbeiten und brauche dringend hilfe.

1) wie kann ich einen header einfügen( welchen befehl, wo einfügen)
2) meine seite kann auf firefox nowmal angezeigt werden bei dem ie jedoch wird das coolmenü verschoben....muss ich da i was besonderes beachten???

ich hoffe, dass ihr mir schnell helfen könnt.
Beitrag25.02.2010 um 16:36 (UTC)    
Titel:

wie sieht denn dein code aus?
______________
||__Pure-gfx__||
{"..Design your own world.."}
!!!! AUFTRÄGE/WÜNSCHE BITTE NICHT PER PM! Bitte Über das Kontaktformular!!!!
Support gebe ich per PM!



Beitrag28.02.2010 um 10:15 (UTC)    
Titel:

Text über dem design
Code:

<div id="Testdesign3">
<div id="Header_oben"></div>


<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 6;
top: 100px;
left:50px;
width:1000px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 230px;
float:left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FF6600;
background-image: url(URL);
color: #000000; }

#Verleih, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#Verleih a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="http://www.future-events-dortmund.de/" onmouseover="montre('Verleih');" onmouseout="cache('Verleih');">Home</a>
<ul id="www.future-events-dortmund.de" onmouseover="montre('Verleih');" onmouseout="cache('Verleih');">

</ul>
</li>
<li><a href="http://www.future-events-dortmund.de/Verleih.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Verleih</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.future-events-dortmund.de/Boxen.htm">Boxen</a></li>

<li><a href="http://www.future-events-dortmund.de/Mischpulte.htm
">Mischpulte</a></li>

<li><a href="http://www.future-events-dortmund.de/Mikrofone.htm
">Mikrofone</a></li>

<li><a href="http://www.future-events-dortmund.de/Scheinwerfer.htm
">Scheinwerfer</a></li>

<li><a href="http://www.future-events-dortmund.de/Lichteffekte.htm
">Lichteffekte</a></li>

<li><a href="http://www.future-events-dortmund.de/Kabel.htm
">Kabel</a></li>

<li><a href="http://www.future-events-dortmund.de/Zubeh.oe.r.htm
">Zubehör</a></li>

</ul>
</li>
<li><a href="http://www.future-events-dortmund.de/Dienstleistungen-.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Dienstleistungen</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.future-events-dortmund.de/Planung.htm
">Planung</a></li>

<li><a href="http://www.future-events-dortmund.de/Aufbau.htm
">Aufbau</a></li>
</ul>
</li>
<li><a href="http://www.future-events-dortmund.de/-Ue-ber-uns.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Über uns</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://www.future-events-dortmund.de/Referenzen.htm
">Referenzen</a></li>
<li><a href="http://www.future-events-dortmund.de/Impressum.htm
">Impressum</a></li>
<li><a href="http://www.future-events-dortmund.de/AGB.htm
">AGB</a></li>
</ul>
</li> 


CSS code ohne style tags
Code:

div#nav_container{visibility: hidden;}
li.nav_element{display: http://img.webme.com/pic/f/future-events/logo.jpg;}
h1#title{display:http://img.webme.com/pic/f/future-events/logo.jpg;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display:none;}

a{color:#800000; font-size: 15px; text-decoration: none;}

a:link {color: #800000; font-size: 15px; text-decoration: none;}
a:active {color: #800000; font-size: 15px; text-decoration: none;}
a:visited {color: #800000; font-size: 15px; text-decoration: none;}


body {background-color:#ff5416;}
* { padding: 0; margin: 0 }

#Testdesign3 {
margin:100auto;
width: 0px;}




#content
{
min-height: 600px;
width: 900px;
background: #FFFFFF;
color: #000000;
border: 0px solid #85817e;
margin: 0px 0px20px 20px;
padding: 10px;
}

#Navi_Feld {
width: 0px;
background: #000000;
color: #4A0000;
padding: 10px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

#Feld_unten {
width: 500px;
color: #000000;
border: 0px solid #CCCCCC;
background: #000000;
margin: 0px 0px 0px 0px;
padding: 10px;}


</div>
[/code]
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de