Jump to content
Just nu i M3-nätverket

CSS-layout blir inte som jag vill


Recommended Posts




Jag har en hemsida som jag har problem med. Elementen hamnar inte på samma rad som jag vill. Kan någon vara snäll och titta på den här koden och se om det går att göra nånting åt det:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<meta name="description" content="Photoshop productions by Filip.B and Johannes.W.">
<meta name="keywords" content="photoshop, filip, bongcam, johannes, wörman, worman, productions, cool, .tk, tk, b/w-photoshop, bw, bwphotoshop, nice, google">

<style type="text/css">

body { 
background-repeat: repeat-x, y;
background-attachment: fixed;


#container {
width: 850px;
border-style: outset;
border-color: #FF0000;
margin-left: 250px;
background-color: #1f2c3c;


#logo {
height: 130px;
margin-top: 7px;
text-align: center;


#menu {
text-align: center;
border-top: double;
border-bottom: double;
border-color: red;

#welcome {
text-align: center;
margin-top: 10px;
font-family: Comic Sans MS; font-size: 36px; color: #FFFFFF;
text-decoration: underline;

#hometext {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
font-family: arial; font-size: 18px; color: #FFFFFF;

#tkreklam {
float: right;
margin-right: 140px;
margin-top: 450px;
opacity: 0.6; filter: alpha(opacity=60);

#reklamplats_vote {
float: left;
width: 240px;


#animation {
margin-left: 15px;
height: 215;

#pictext {
text-decoration: none;
margin-right: 10px;
font-size: 15px;
margin-left: 7px;

#tkvideo {
background-image: url('Logos/bwsmoke.png');
height: 1000px;
width: 426px;
float: left;


#video {
margin-left: 60px;
margin-top: 350px;
opacity: 0.5; filter: alpha(opacity=50);

<div id="reklamplats_vote">
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/116359100670505190526/datetime.xml&up_color=red&up_firstDay=1&up_clocks=%5B%5B-73.986951%2C40.756054%2C%22New%20York%22%2C0%5D%5D&synd=open&w=230&h=156&title=B%2FW-Photoshop+Clock&lang=en&country=ALL&border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&output=js"></script>
<script language="JavaScript" src="http://www.micropoll.com/akira/MicroPoll?id=190959"></script><noscript><div><a href="http://www.micropoll.com/akira/mpview/636591-190959">Click Here for Poll</a><a href="http://www.questionpro.com" title="online surveys">Online Survey</a><BR> | <a href="http://www.micropoll.com" title="Website Polls">Website Polls</a><BR> | <a href="http://www.contactpro.com" title="email marketing">Email Marketing</a><BR><BR> | <a href="http://www.ideascale.com" title="crowdsourcing">Crowdsourcing</a><BR><a href="http://www.micropoll.com/akira/MicroPoll?mode=html&id=190959">View MicroPoll</A></div></noscript><!-- END MICROPOLL JAVASCRIPT CODE -->

<div id="container">
<div id="logo">
<img src="Logos/Logo3">
<div id="menu">
<img src="Logos/Menu.jpg" alt="menu" width="850" height="60" border="0" usemap="#Map" />
 <map name="Map" id="Map">
   <area shape="rect" coords="25,11,190,51" href="home.htm" target="_self" />
   <area shape="rect" coords="207,15,383,53" href="pictures.htm" target="_self" />
   <area shape="rect" coords="410,14,571,52" href="contact.htm" target="_self" />
   <area shape="rect" coords="593,12,818,52" href="aboutus.htm" target="_self" />

<div id="welcome">Welcome to B/W-Photoshop!</div>
<div id="hometext">
This is a Swedish photoshop site with all kind of different photoshop art.

Filip created this site to share our photoshop pictures with the world.
Here you will find everything from realistic planets to abstract backgrounds all created by us.<p>

All pictures stored on this site is created by Filip and Johannes. Some of them has got a signature, so you will se who has made it. This site has been running in almost a half a year. In that time we have changed the site outlook two times and what you see now is our third big change. We have got more structure on this one compared to the others. Look at the video at the bottom to se the big difference between the changes!<p>

Feel free to check out the site and participate in the poll of the month to the left.<p>

<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/bJrVjz2kY6s&hl=sv&fs=1&color1=0x5d1719&color2=0xcd311b"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bJrVjz2kY6s&hl=sv&fs=1&color1=0x5d1719&color2=0xcd311b" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="215"></embed></object>

<img id="animation" src="Logos/PicturesAnimation.gif">

<span id="pictext">Site last updated: 09/08-06</span>



<div id="tkvideo">

<iframe id="video" width="300" height="250" frameborder="0" scrolling="NO" marginwidth="0" marginheight="0" src="http://my.dot.tk/cgi-bin/amb/ambassador.dottk?nr=262428::7172493::1173"></iframe>



hemsidan heter http://www.bwphotoshop.tk/ och det är bara home jag behöver hjälp med. Om jag får svar så kan jag fixa resten själv!. Tacksam för hjälp!

Link to comment
Share on other sites


Vad är det som ska vara på samma rad?


Länken funkar förresten inte.

Link to comment
Share on other sites


Jag har precis löst problemet ändå men tack för visat intresse att hjälpa till!

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...