Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.07.2009 um 21:31 (UTC)    
Titel: CSS Codereiningen :S

Hallo, ich hab jetzt einen Code gemacht aber es hat noch fehler.
Könnt ihr mir helfen? Smile

Text über Design:


Code:
<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>
<div id="Testdesign3">
<div id="Header_oben">HEADER</div>
<div id="Navi_Feld"><style type="text/css">

div#navigation
{
position: absolute;
top: 240px;       
left: 50%;
margin-left: -200px;
width: 400px;
height:  100px;
background-image:url(Bildadresse);
background-color:000000;
    }
   
div#navigation a {
       
padding-right:20px;                             

    }

</style>

<div id="navigation">
<a href="#">Home</a>
<a href="#">Kontakt</a>
<a href="#">Grafik</a>
<a href="#">Service</a>
<a href="#">Partner</a>
</div>
</div>


Text unter Design:

Code:
<div id="Feld_unten">Copyright vithu-arts.de.tl</div></div>


</td>
</tr>
</table>
</div>


CSS Code ohne Style Tags:

Code:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
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:hover {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:#423D3D;}

* { padding: 0; margin: 0; }

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

#Header_oben {
color: #FFFFFF;
width: 420px;
height: 30px;
background-image: url();
background: #800000;
float: ;
padding: 50px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

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


#content {
height: 500px;
width: 500px;
background: #FFFFFF;
color: #000000;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;}


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





So jetzt hab ein paar fragen.

Könnt ihr es Verbessern von der Grösse will ich es das es so bleibt.

Was könnte ich noch machen das es übersichtlich aussieht?
______________


Zuletzt bearbeitet von vithu-arts am 27.07.2009, 16:28, insgesamt 5-mal bearbeitet
Beitrag26.07.2009 um 21:41 (UTC)    
Titel:

Beitrag26.07.2009 um 21:45 (UTC)    
Titel:

http://www.css4you.de
http://de.selfhtml.org/css
http://www.html-php.de

Alles Deutsche Seiten und gut zum lernen;-)
______________
Beitrag26.07.2009 um 21:48 (UTC)    
Titel: Kompliziert

EDIT//
Ach..

Ich hab dafür keine Geduld, ich gib auf.

[Closed]
______________


Zuletzt bearbeitet von vithu-arts am 26.07.2009, 23:07, insgesamt 3-mal bearbeitet
Beitrag27.07.2009 um 00:03 (UTC)    
Titel:

Wie geil, das ist die richtige Einstellung Laughing

Denkst du, sowas lernst man in 5 Minuten?
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag27.07.2009 um 00:15 (UTC)    
Titel:

Nun mal ein kleiner tipp ^^

dein design hat folgendes :

--einen header
--eine menüleiste
--den content
--und den streifen unten

jetzt guck mal hier

http://www.homepage-baukasten.de/forum/viewtopic.php?t=62368

mehr verrat ich jetzt nicht sonst wäre es viel viel zu leicht
______________


Beitrag27.07.2009 um 10:58 (UTC)    
Titel:

blutsegelbukaniere hat Folgendes geschrieben:
Wie geil, das ist die richtige Einstellung Laughing

Denkst du, sowas lernst man in 5 Minuten?


Ich hab dafür nur momentan zu wenig Zeit.
______________
Beitrag27.07.2009 um 14:14 (UTC)    
Titel: Habs jetzt doch

Hallo, ich hab jetzt einen Code gemacht aber es hat noch fehler.
Könnt ihr mir helfen? Smile

Text über Design:


Code:
<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>
<div id="Testdesign3">
<div id="Header_oben">HEADER</div>
<div id="Navi_Feld"><style type="text/css">

div#navigation
{
position: absolute;
top: 240px;       
left: 50%;
margin-left: -200px;
width: 400px;
height:  100px;
background-image:url(Bildadresse);
background-color:000000;
    }
   
div#navigation a {
       
padding-right:20px;                             

    }

</style>

<div id="navigation">
<a href="#">Home</a>
<a href="#">Kontakt</a>
<a href="#">Grafik</a>
<a href="#">Service</a>
<a href="#">Partner</a>
</div>
</div>


Text unter Design:

Code:
<div id="Feld_unten">Copyright vithu-arts.de.tl</div></div>


</td>
</tr>
</table>
</div>


CSS Code ohne Style Tags:

Code:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
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:hover {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:#423D3D;}

* { padding: 0; margin: 0; }

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

#Header_oben {
color: #FFFFFF;
width: 420px;
height: 30px;
background-image: url();
background: #800000;
float: ;
padding: 50px;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;}

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


#content {
height: 500px;
width: 500px;
background: #FFFFFF;
color: #000000;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
padding: 10px;
overflow:auto;}


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





So jetzt hab ein paar fragen.

Könnt ihr es Verbessern von der Grösse will ich es das es so bleibt.

Was könnte ich noch machen das es übersichtlich aussieht?
______________


Zuletzt bearbeitet von vithu-arts am 27.07.2009, 16:28, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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