網站定位問題

我的網頁可以在[http://www.sarahjanetrading.com/js/j/index.html][1]找到。任何人都可以訪問所有的圖像和XHTML + CSS。網站定位問題

我是一位具有HTML和CSS知識的網頁設計師。該網頁有一些定位問題。我一直在嘗試一段時間來解決這些問題，但徒勞無功。

我真的很感謝你們的幫助。

感謝

編輯 *驗證我的HTML和修復了幾個錯誤後，網頁上有以下問題需要修復：*

1）uFlip圖像創建之間的空白特色和主要內容。

來源

2011-10-08 user967211

設計鏈接提供了404錯誤。 – Jrod

抱歉。固定！ – user967211

缺少圖像僅僅來自不良鏈接。當你打算擁有絕對路徑時，也許你有一條相對路徑。也許有一個錯字（一些瀏覽器可以原諒大小寫錯誤，有些則不會）。當你的意思是.png時，可能你有擴展名.jpg。也許你忘了上傳文件！無論如何，它總是一條糟糕的道路，或者圖像不在你期望的位置。 –

您可以嘗試從一開始就設計它。使用容器作爲父div。使用標題div，正文或內容div和頁腳。給你的容器寬度，但沒有高度，而是給它一個溢出：隱藏。通過這樣做，你設法保持一切順利。

你可以嘗試從ipad圖像的末尾剪下你的設計頭div（這樣可以解決問題）。向左浮動ipad圖像和其他人。

在content section中，jquery會讓事情變得更簡單。不要忘記給一個位置：相對於內容div和位置：絕對箭頭divs。

頁腳也很簡單，左側的浮動導航和右側的社交按鈕。

另外不要忘了正確地切斷你的psd。把你的UFlip剪成png24並剪切它，不要像你那樣使用邊框。沒有必要這樣做。

希望這有助於...

來源

2011-10-08 15:34:19

您的網址一定是錯的。

當我破碎的圖像鏈接on your site上單擊鼠標右鍵，我得到這個...

http://www.sarahjanetrading.com/js/j/images/uflip.png

在瀏覽器中加載時，它給這個...

未找到

請求的網址/js/j/images/uflip.png在此服務器上未找到。

的圖像實際上是在該另一網址加載罰款...

http://www.sarahjanetrading.com/js/j/images/uFlip.png

見兩個URL的未成年人的區別？

文件名在這裏區分大小寫。

uflip.png與uFlip.png

編輯關於你的標籤問題：

您的容器是寬780個像素。

你的突片具有140個像素的左/右填充構造總以及它們之間的1個像素的餘量。問題在於你不知道每個選項卡中文本的實際寬度。即使你做了，每個瀏覽器也會略有不同。

我建議您指定一個確切的寬度（258或259 PX？），並拆下左/右填充。這就是你如何構建你的橙色標籤。

調整寬度相應...

#main-tabs li a { 
float: left; 
display: block; 
text-align: center; 
width: 259px; 
color: #555555; 
font-size: 18px; 
padding-top: 15px; padding-bottom: 17px; 
text-shadow: 2px 0px 0px #ffffff; 
filter: dropshadow(color=#ffffff, offx=2, offy=0); 
background: #e0e9ef; 
background: -moz-linear-gradient(top, #e0e9ef 0%,#d0d9df 40%,#b1bbc0 80%,#9ca6ab 100%); 
background: -webkit-linear-gradient(top, #e0e9ef 0%,#d0d9df 40%,#b1bbc0 80%,#9ca6ab 100%); 
background: -o-linear-gradient(top, #e0e9ef 0%,#d0d9df 40%,#b1bbc0 80%,#9ca6ab 100%); 
background: -ms-linear-gradient(top, #e0e9ef 0%,#d0d9df 40%,#b1bbc0 80%,#9ca6ab 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf39', endColorstr='#e0e9ef',GradientType=0); 
background: linear-gradient(top, #e0e9ef 0%,#d0d9df 40%,#b1bbc0 80%,#9ca6ab 100%); 
}

來源

2011-10-08 16:24:11 Sparky

你的圖像和字體不工作，因爲URL是不正確。當我打開Chrome開發者控制檯，我得到：

GET http://www.sarahjanetrading.com/js/j/images/uflip.png 404（未找到）
GET http://www.sarahjanetrading.com/js/j/fonts/Helveticaneuelt-roman-webfont.woff 404（未找到）
GET http://www.sarahjanetrading.com/js/j/fonts/Helveticaneuelt-roman-webfont.ttf 404（未找到）
GET http://www.sarahjanetrading.com/js/j/fonts/Helveticaneuelt-roman-webfont.svg 404（未找到）

這是一個區分大小寫的問題。更改：

fonts/Helveticaneuelt-roman-webfont.woff - >fonts/helveticaneuelt-roman-webfont.woff
fonts/Helveticaneuelt-roman-webfont.ttf - >fonts/helveticaneuelt-roman-webfont.ttf
fonts/Helveticaneuelt-roman-webfont.svg - >fonts/helveticaneuelt-roman-webfont.svg

images/uflip.png - >images/uFlip.png

來源

2011-10-08 16:26:49 Eric

網站定位問題

回答

相關問題