회전 목마 날

-1

은 아래 이미지를 참조하십시오 도움 문제는 회전 목마가 상단의 네비게이션 줄과 일치하지 않는다는 것입니다 (오른쪽 상단 참조). 1mm 단위로 줄 바꿈 된 것처럼 보입니다.회전 목마 날

나는 navbar (두 번째 이미지 참조)를 사용해야 할 수도 있다고 생각합니다. 보시다시피 연락처 버튼은 나머지 버튼 아래에 있습니다.

나의 이론은 회전기가 정렬을 벗어나는 원인이된다는 것입니다.

HTML :

<!DOCTYPE HTML> 

<html> 

<head> 

<link href="../CSS/styles.css" rel="stylesheet" type="text/css"> 
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption' rel='stylesheet' type='text/css'> 

</head> 

<body> 

<div id="outer"> 

<a href="file:///C|/Users/Callum/Desktop/desktop/website folder/WEBSITE/main.html"><img src="../Images/webimages/banner top.jpg" /></a> 

</div> 

<div id="topnav"> 

<ul id="list-nav"> 

    <li><a href="#">Home</a></li> 
    <li><a href="#">About Us</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">Technologies</a></li> 
    <li><a href="#">Contact</a></li> 

    </ul> 

</div> 

<div id="carousel"> 

<iframe src="../Carousel/HTML/carousel.html" height="280" width="900" scrolling="no" frameborder="0"> </iframe> 

</div> 
<div id="mainbody"> 
<div id="bigbuttons"> 

<img src="../Images/webimages/Meettheteam.jpg"> 

</div> 
</div> 
</div> 

</body> 

</html>

CSS :

/* Reset */ 

a img { 
border: none; 
} 

html, body { 
    padding:0; 
    margin:0; 
    } 

a { 
text-decoration: none; 
} 

ul, li { 
    list-style-type: none; 
} 

img.floatLeft { 
    float: left; 
    margin: 0px; 
} 

* 
{ 
    margin: 0; 
    padding: 0; 
} 

body {background-color:#F1F1F1; } 

#outer { width: 900px; margin: auto; } 

#topnav { width: 900px; margin: auto; } 

#mainbody { width: 900px; margin:auto; clear:both; } 

#list-nav li{display:inline-block;width:20%;float:left;} 

#carousel { width: 900px; height: 280px; margin:auto; clear:both; } 

#bigbuttons { width: 220px; height: 80px; margin:auto; margin-top: 9px; clear:both; float:left } 

ul#list-nav li a { 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
padding:5px 0; 
width: auto; 
background:#999; 
color:#eee; 
float: left 
} 

ul#list-nav li a { 
    text-align:center; 
    border-left: 1px solid #fff; 
    width: 100%; 
} 

ul#list-nav li a:hover { 
    background:#CCC; 
    color:#ffff; 
} 

ul#list-nav li a:hover { 
    background:#CCC; 
    color:#ffff; 
} 

#content-fullwidth { width:100%; }

출처

2012-10-15 user1743319

Dreamweaver의 외관은 실제 브라우저가 아니기 때문에 관련성이 없습니다. –

샘플 코드를 실행할 수 없으며 로컬 URL을 사용하고 있습니다. –

[이것들 중 하나를 만드십시오] (http://www.jsfiddle.net) – jmeas

확인 당신이 iframe이 충전되어있는 회전 목마에 대한 코드입니다. 당신이 우리에게 제공 한 코드가 아니라 문제가있는 것처럼 보입니다.

출처

2012-10-15 20:08:11

회전 목마 날

답변

관련 문제