Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.02.2011 um 22:50 (UTC)    
Titel: Design wird doppelt angezeigt?!

heyy leute ich hab folgendes problem:
ich hab ein template bei mir eingebunden, jedoch habe ich jetzt links und rechts vom content eine design wiederholung... wie kann ich die weg bekommen?
bzw. wie muss mein code lauten, damit das verschwindet?

Text über dem Design:

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<!-- header -->
<div id="logo"><a href="#">Raphael Hoffmann</a></div>
<div id="menu">
    <ul>

    <li><a href="#" class="active">Home</a></li>
    <li><a href="#">Sonstiges</a></li>
    <li><a href="#">Kontakt</a></li>
    <li><a href="#">Referenzen</a></li>
    <li><a href="#">Über mich</a></li>
    </ul>
</div>
<!--end header -->
<!-- main -->
<div id="main">

<div id="text_top">
<h1>Welcome</h1>
<b>Gallerize</b> is a free template created by <a href="http://www.realitysoftware.ca/">Reality Software</a> and released by <a href="http://www.flash-gallery.org/">Flash Gallery</a> under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0</a> license, which means you can use it in any way you want provided you keep links to authors intact.

</div>

<center><a href="#"><img src="images/img.jpg" alt=""/></a><a href="#"><img src="images/img2.jpg" alt=""/></a><a href="#"><img src="images/img3.jpg" alt=""/></a><a href="#"><img src="images/img4.jpg" alt=""/></a></center>

<div id="text_bottom">

<div id="first_col">
<h2>Lorem ipsum</h2>
Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum. Praesent hendrerit tincidunt metus. Proin vel felis a urna <a href="#">tempus lobortis</a>. Sed pellentesque est in mi.<br/><br/>
Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.
</div>

<div id="second_col">

<h2>Lorem ipsum</h2>
Proin tellus lacus, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis.
<ul>
<li>Praesent hendrerit tincidunt metus.</li>
<li>Proin vel felis a urna tempus lobortis.</li>
</ul>
Sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.
</div>

<div id="third_col">
<h2>Lorem ipsum</h2>
Suspendisse egestas tincidunt erat. Proin <a href="#">tellus lacus</a>, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis. Phasellus nec urna sit amet nibh iaculis consequat.<br/><br/>

Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum. Maecenas nisi eros, volutpat.
</div>

</div>

</div>
<!-- end main -->
<!-- footer -->
<div id="footer">
    <div id="footer_left">© Copyright 2009 Your Website</div>
    <div id="footer_right">
   
    <!-- Please do not change or delete these links. Read the license! Thanks. :-) -->

    <a href="http://www.realitysoftware.ca/services/website-development/design/">Web design</a> released by <a href="http://www.flash-gallery.org/">Flash Gallery</a>
   
    </div>
</div>
<!-- end footer -->
</div>

</body>
</html>




CSS ohne style tags:

Code:
body {margin:0; font-family:Georgia, "Times New Roman", Times, serif; background:url(http://img.webme.com/pic/r/raphael-hoffmann/head_bckg.jpg) repeat-x center top #000000;}

a {color:#FDC605; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:20px; font-weight:normal; margin:10px 0;}
img {border:none;}
br {line-height:10px;}

#container {width:1000px; margin:0 auto;}

#logo {margin:39px 30px 0px 30px; height:40px;}
#logo a {color:#EDECEC; text-decoration:none; font-size:24px; text-transform:uppercase; background:url(http://img.webme.com/pic/r/raphael-hoffmann/logo.gif) no-repeat; padding:4px 0 0 50px; float:left;}

#menu {padding-right:30px; height:56px;}
#menu ul {padding:0; margin:0; float:right;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:126px; height:50px; font-size:11px; text-decoration:none; color:#ABABAB; text-align:center; background:url(http://img.webme.com/pic/r/raphael-hoffmann/menu_deact.gif) no-repeat; padding-top:6px;}
#menu a:hover, #menu a.active {background:url(http://img.webme.com/pic/r/raphael-hoffmann/menu_act.gif) no-repeat; color:#180202;}

#main {color:#D6D6D6; font-size:11px; line-height:16px;}

#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {border:6px solid #FFFFFF; margin:0 5px;}
#main img:hover {border-color:#D6D6D6;}

#text_top {padding:0 30px 20px 30px; font-size:12px;}

#text_bottom {background:url(http://img.webme.com/pic/r/raphael-hoffmann/main_bckg.jpg) repeat-x #919191; width:940px; float:left; padding:30px 30px;}

#first_col {width:280px; float:left; margin-right:40px;}
#first_col h2 {color:#ff6f08; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#second_col {width:280px; float:left; margin-right:40px;}
#second_col h2 {color:#94d223; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
#third_col {width:280px; float:left;}
#third_col h2 {color:#23abd2; border-bottom:1px solid #5d5d5d; padding-bottom:10px;}

#footer {clear:both; height:50px; background:url(images/footer_bckg.jpg) no-repeat; color:#ffffff; font-size:11px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_right {float:right; padding:16px 30px 0 0;}


#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}


#content { position: absolute; left: 50%; top:328px; margin-left:-599px; width: 660px; padding:10px; color: #000000; font-size:13px; font-family: Arial; background-color:#transparent; background-image:url(); border: 0px solid #5F5F5F; height : 344px; overflow:auto; }


vielen dank schonmal im vorraus!
Wink
Beitrag12.02.2011 um 00:07 (UTC)    
Titel:

Also ich sehe deine Homepage normal. So wie es sein soll.
______________


Klick mich
Beitrag12.02.2011 um 08:30 (UTC)    
Titel:

Komisch welchen Browser benutzt du? ich benutze Firefox und da wird das doppelt angezeigt?!
Beitrag12.02.2011 um 09:07 (UTC)    
Titel:

Alles okay bei mir, ich benutze auch FF Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag12.02.2011 um 09:20 (UTC)    
Titel:

hier mal ein screenshot, wie es bei mir aussieht:

Code:

]http://www.pictureupload.de/originals/pictures/120211101823_screenshot.jpg
Beitrag12.02.2011 um 09:24 (UTC)    
Titel:

Hängt bestimmt mit deiner Auflösung / Bildschirmgröße zusammen!

Eventuell löst du das Problem so:
Code:
* { background-repeat: repeat-y; }


// Code korrigiert!

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 12.02.2011, 10:29, insgesamt 3-mal bearbeitet
Beitrag12.02.2011 um 09:26 (UTC)    
Titel:

wo muss ich den genau einfügen?
Beitrag12.02.2011 um 09:28 (UTC)    
Titel:

Vor dem Rest vom "CSS-Code ohne Style-Tags".

Edit: Code korrigiert!
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 12.02.2011, 10:30, insgesamt einmal bearbeitet
Beitrag12.02.2011 um 09:32 (UTC)    
Titel:

also ich hab das jetzt unter das letzte was ich bei css ohne style tags drin have eingefügt das ändert nur leider nichts...

auf meinem Ipod wird das ebenfalls genauso angezeigt wie im screenshot zu sehen!
obwohl wenn es nach der auflösung ginge müsste es ja dann schon richtig angezeigt werden ( auf dem ipod)


Zuletzt bearbeitet von raphael-hoffmann am 12.02.2011, 10:37, insgesamt einmal bearbeitet
Beitrag12.02.2011 um 11:06 (UTC)    
Titel:

Code:
body {margin:0; font-family:Georgia, "Times New Roman", Times, serif; background:url(http://img.webme.com/pic/r/raphael-hoffmann/head_bckg.jpg) no-repeat center top #000000;}


Das ist der erste Absatz des "Codes ohne Style-Tags", in korrigierter Form Very Happy

Hoffentlich funktioniert's.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag12.02.2011 um 11:08 (UTC)    
Titel:



Zuletzt bearbeitet von scorpion-babel am 12.02.2011, 12:14, insgesamt 2-mal bearbeitet
Beitrag12.02.2011 um 11:10 (UTC)    
Titel:

scorpion-babel hat Folgendes geschrieben:
Was ist da jetzt Doppelt?


so siehts bei mir auch aus.
mit ff
______________
lg pec



Beitrag12.02.2011 um 14:45 (UTC)    
Titel:

jau es hat funktioniert Wink
vielen vielen dank!!
--------------------------
dann noch eine kurze frage:
wie kann ich die navigations links mit den eigenen seiten verlinken?

ich hab im code ja nur die stellen

Code:
<li><a href="#">Sonstiges</a></li>
Beitrag12.02.2011 um 15:50 (UTC)    
Titel:

blöde frage von mir....
natürlich kommt das der eigene seiten link von mir dann an die stelle wo das "#" ist.

nur jetz der haken an der sache:


Es funktioniert nicht! wenn man dann auf den link klickt wird man auf die eigene seite weitergeleitet jedoch ändert sich der content nicht, also sieht man nach wie vor den inhalt der Home seite... nur oben die url hat sich in die des eigene seiten links verändert....

wäre nett wenn ihr mir auch nochmal hier weiterhelfen könntet Wink
Beitrag12.02.2011 um 16:37 (UTC)    
Titel:

"#" Arrow Kommt ja auch der Link zu der Seite rein.

Code:
<li><a href="#">Sonstiges</a></li>


Arrow Einloggen
Arrow Eigene Seiten editieren
Arrow Neue Seite hinzufügen Titel der neuen Seite z.B. Sonstiges
Arrow und diesen Seiten Link kommt staht # der Link rein.
______________


Klick mich


Zuletzt bearbeitet von scorpion-babel am 12.02.2011, 17:41, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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